ChunkLoadError: Error al cargar el fragmento node_modules_next_dist_client_dev_noop_js
He estado siguiendo el tutorial básico en el sitio web Next.js y cuando llegué al paso Estilos globales , comencé a recibir el siguiente error de ejecución:
ChunkLoadError: Loading chunk node_modules_next_dist_client_dev_noop_js failed.
(error: http://localhost:3000/_next/static/chunks/fallback/node_modules_next_dist_client_dev_noop_js.js)
Error 1:
Error 2:
Seguí todos los pasos exactamente y cuando cierro la ventana emergente de error, la aplicación funciona bien.
Si alguien puede darme alguna orientación sobre esto, ¡lo agradecería mucho!
Elimine la .next
carpeta en la raíz de su proyecto, reinicie su proyecto y fuerce la actualización de su página (Shift+F5 / Cmd+Shift+R) para eliminar el caché.
Al parecer es un problema de caché. Después de explorar los problemas de GH y varias publicaciones de blog, mi conclusión es que nadie sabe qué diablos está pasando con este error relacionado con el paquete web, probablemente causado por el comportamiento de Next.js.
Tuve este error después de eliminar archivos de la carpeta /public.
Cómo lo solucioné:
- Elimina tu carpeta /.next.
- Inicie su proyecto nuevamente.
- Fuerce la actualización en su navegador para eliminar el caché.
En mi caso, tenía mi directorio de compilación next.js con un nombre diferente al alojado con funciones de nube de Firebase. Sigue estos pasos similares
- Elimina tu directorio de compilación (distDir) (el mío se llamaba nextjs)
- Reiniciar el servidor
- Forzar actualización del navegador