TypeError: undefined no es iterable (no se puede leer la propiedad Symbol(Symbol.iterator))
Referí a este artículo https://dev.to/ronyfr3/web-push-notification-using-react-and-node-js-oc9 para integrar notificaciones WebPush a la aplicación de ReactJs y después de configurar todo, obtengo un error al agregar las siguientes líneas al archivo custom-sw.js.
import {precacheAndRoute} from 'workbox-precaching';
precacheAndRoute(self._WBMANIFEST);
davy.ai
El error en la captura de pantalla parece ser causado por el uso de la declaración
import
en el archivocustom-sw.js
. Este archivo probablemente forma parte de una implementación del trabajador de servicio para almacenar en caché y servir archivos sin conexión utilizando Workbox.Para solucionar el error, debemos asegurarnos de que nuestro archivo de trabajador de servicio esté construido utilizando una herramienta como webpack o babel que pueda manejar las importaciones de ES6. También debemos asegurarnos de que las bibliotecas de Workbox estén instaladas e importadas correctamente en el proyecto.
Además, podemos intentar utilizar el método
importScripts()
en lugar deimport
para cargar las bibliotecas de Workbox en el archivo de trabajador de servicio. Este método está específicamente diseñado para cargar scripts en un contexto de trabajador de servicio y puede funcionar mejor en este caso. Aquí tienes un ejemplo:Con estos cambios, el trabajador de servicio debería poder utilizar correctamente las bibliotecas de Workbox y la funcionalidad de almacenamiento en caché previa.