¿Es posible informarnos cuál fue el problema y cómo podríamos solucionarlo si no podemos actualizar en este momento? Por ejemplo, ¿tiene que ver con la carga de CSS? ¿Es algo que se puede cambiar en la configuración?

@ jon64digital Escribí una descripción completa de este problema en el número 5994, podría solucionarlo aumentando el límite de tiempo de eliminación.

@timneutkens estoy usando 8.1.1-canary.24 y el error todavía existe para mí. ¿Alguna idea?

Editar: descubra lo que está pasando. No estoy seguro de por qué aunque ...:
Tenía un archivo index.tsx e index.less. Estaba usando cssModules en mi archivo netxt.config.js (usando withLess). Al cargar un /subpage y tener un enlace que hace referencia a / (que está importando estilos como este: import css from './index.less'; ), el script se cargará dinámicamente ( http://localhost:3000/_next/static/development/pages/index.js ) pero no se representa. De hecho, la URL no cambia en absoluto, está como atascada ... Eliminar la importación de menos archivos resolvió el problema.

¿Qué hacer?

Edit2: Parece que me estoy encontrando con https://github.com/zeit/next-plugins/issues/282

Todavía sigo sucediendo esto algunas veces también en 8.1.0 . Intentaré reproducir y abrir una nueva edición.

¡Para mí también no es navegar hacia / sobre la ruta da 404 cada vez! ¿No estás seguro de cuál es el problema con el enrutamiento? : /

dependencias package.json:

"dependencies": { "cross-env": "^5.2.0", "express": "^4.17.0", "next": "^8.1.0", "react": "^16.8.6", "react-dom": "^16.8.6" }

@jsbimra , proporcione siempre una reproducción completa. Es imposible investigar "me pasa"

@jsbimra por favor _siempre_ proporcione una reproducción completa. Es imposible investigar "me pasa"

encontró un problema, estaba relacionado con el paso que faltaba en la creación de una página en la carpeta de páginas de next.js, lamento molestar a @timneutkens

alguna solución para esto? ¿Ocurre esto también en producción? porque en desarrollo me está sucediendo, el error es de 2018 y el 22 de mayo de 2019 todavía este error no se ha solucionado, si esto no sucede en producción, no estoy tan preocupado, pero si sucede, entonces esto es un problema realmente grande ...

el error es de 2018 y el 22 de mayo de 2019 todavía este error no se ha solucionado

En base a la reproducción proporcionada por @malimccalla, se ha corregido.

si esto no sucede en producción, no me preocupa tanto

No es así.

Tenga en cuenta que este comentario no resolverá su problema. Como dije muchas veces antes:

proporcione siempre una reproducción completa. Es imposible investigar "me pasa"

Tengo el mismo problema con la última versión (8.1.0).

Tengo el mismo problema con la última versión (8.1.0).

Ahora he respondido unas 3 veces con exactamente el mismo mensaje. Proporcione una reproducción .

Tenga en cuenta que este comentario no resolverá su problema. Como dije muchas veces antes:

proporcione siempre una reproducción completa. Es imposible investigar "me pasa"

Estaba preocupado por el problema de no poder acceder a ~ / index.tsx .
¡Pero finalmente encontré la causa!

Usé una biblioteca llamada react-activity , pero al mismo tiempo necesitaba importar css.

Cuando leo el mismo CSS dos veces en diferentes lugares, parece que no puedo migrar.
Como resultado de leer en _app.tsx , pude migrar con éxito.

@timneutkens está bien, claro, puedo aumentar el tiempo de eliminación, pero ¿qué pasa con la situación en la que el servidor se inicia por primera vez? No podré navegar a esas páginas de forma programática porque aún no están creadas. 🤔

Ahora he respondido unas 4 veces con el mismo mensaje exacto. Proporcione una reproducción .

Tenga en cuenta que este comentario no resolverá su problema. Como dije muchas veces antes:

proporcione siempre una reproducción completa. Es imposible investigar "me pasa"

Para responder a la pregunta específica, las páginas se crean a pedido y este sistema funciona bien. Supongo que tiene algo en su configuración que hace que el paquete web no active el archivo como construcción terminada. Sin embargo, es difícil / imposible de decir porque no hay reproducción.

También tenga en cuenta que el problema específico, como se mencionó anteriormente, ya se solucionó y que aumentar el tiempo de espera no ayuda para el problema específico que está experimentando. De ahí por qué sigo pidiendo una reproducción.

Estamos muy felices de investigar esto y dedicar tiempo a ello.

Ayer creé un nuevo proyecto y funcionó bien. Tiene que haber algo específico en mi proyecto que hace que no funcione. Intentaré desarmarlo gradualmente más tarde hoy y veré en qué punto desaparece el problema.

Me encantaría echarle un vistazo si puede reproducirlo de manera confiable.

La buena noticia es que pude identificar el error. La mala noticia es que el problema con mi proyecto no fue diferente a lo que otras personas, en este hilo, han informado.

Entonces, si el problema es con CSS y el límite de eliminación, y supuestamente se ha resuelto, debo estar haciendo algo mal. ¿Es aquí donde pones estos?

module.exports = withCSS({ onDemandEntries: { maxInactiveAge: 1000 * 60 * 60 } })

Reproducción: https://github.com/dydokamil/next-js-router-bug

@dydokamil
Es un error conocido: https://github.com/zeit/next-plugins/issues/282
Puede "solucionarlo" importando un archivo CSS vacío.

Puedo hacer que esto se reproduzca de manera confiable en los modos de desarrollo, producción y exportación estática y ninguna de las soluciones alternativas onDemandEntries o del archivo CSS vacío ayudó.

La única forma de solucionar el problema era eliminar import 'highlight.js/styles/color-brewer.css'; del componente Body en las páginas de mi blog.

Cualquier instancia de <Link> que apunte a una página de publicación de blog no se cargaría, pero http://localhost:3000/_next/static/development/pages/post.js aún se dejaría caer en la página en <Link> clic. Comente que la importación de css, <Link> s a las publicaciones del blog funcionan perf. Descomenta y todos los <Link> s no pueden cargar las publicaciones del blog.

Acceder directamente a cualquiera de esas rutas de la página de publicación de blog funciona bien, el error solo está relacionado con el lado del cliente -enrutamiento basado en. Esto sucedió después de actualizar de la versión 6 a la versión 8.

Inicialmente golpeé esto con @zeit/next-css pero puedo replicar este problema de la misma manera después de intercambiar @zeit/next-sass e importar un archivo .scss. Por ahora, solo voy a cargar estos estilos usando styled-components drop @zeit/next-css . Después de revisar https://www.npmjs.com/package/@zeit/next -css y https://www.npmjs.com/package/@zeit/next -sass, parece que esos ejemplos de uso se romperían 🤔

¿Podría agregar un repositorio de reproducción a https://github.com/zeit/next-plugins/issues/282

Lo que estás describiendo suena exactamente como ese problema.

Puedo hacer que esto se reproduzca de manera confiable en los modos de desarrollo, producción y exportación estática y ninguna de las soluciones alternativas onDemandEntries o del archivo CSS vacío ayudó.

La única forma de solucionar el problema era eliminar import 'highlight.js/styles/color-brewer.css'; del componente Body en las páginas de mi blog.

Cualquier instancia de <Link> que apunte a una página de publicación de blog no se cargaría, pero http://localhost:3000/_next/static/development/pages/post.js aún se dejaría caer en la página en <Link> clic. Comente que la importación de css, <Link> s a las publicaciones del blog funcionan perf. Descomenta y todos los <Link> s no pueden cargar las publicaciones del blog.

Acceder directamente a cualquiera de esas rutas de la página de publicación de blog funciona bien, el error solo está relacionado con el enrutamiento basado en el lado del cliente. Esto sucedió después de actualizar de la versión 6 a la versión 8.

Inicialmente golpeé esto con @zeit/next-css pero puedo replicar este problema de la misma manera después de intercambiar @zeit/next-sass e importar un archivo .scss. Por ahora, solo voy a cargar estos estilos usando styled-components drop @zeit/next-css . Después de revisar https://www.npmjs.com/package/@zeit/next -css y https://www.npmjs.com/package/@zeit/next -sass, parece que esos ejemplos de uso se romperían 🤔

Después de agregar el paquete next / css, puedo confirmar que esto también me sucedió.

A mí me pasó lo mismo en el desarrollo (la producción funciona como se esperaba), y el problema es cuando enlazamos a páginas (o tenemos componentes dentro) que importan archivos sass.

Mi archivo next.config.js :

const withSass = require('@zeit/next-sass');

const withBundleAnalyzer = require('@next/bundle-analyzer')({
  enabled: process.env.ANALYZE === 'true',
});

require('dotenv').config();

module.exports = withBundleAnalyzer(
  withSass({
    distDir: '../dist',
    env: {...},
  }),
);

Entonces, uno de los componentes en profundidad tiene esta importación:

// MIGRATE: PriceDetail to styled components
import './PriceDetail.scss';

Cuando comento la importación, el enlace comienza a funcionar. Entonces parece ser un problema con el complemento withSass .

Tengo un problema similar pero no el mismo. Lamentablemente recibo el mismo error
en producción también. Pero, por algunas razones, los enlaces funcionan a veces.

He encontrado el mismo problema con la próxima 9.4
Ayer agregué CodeMirror a mi proyecto y también
import "codemirror/lib/codemirror.css"

Tengo algo como pages / page2.js que hace algunas cosas y luego llama a router.replace("/") al final de eso y de repente dejó de hacer nada.
La ejecución de router.replace("/") en el depurador mostró una promesa que nunca se resuelve o golpea los bloques catch o finally .

También es posible que valga la pena señalar que tengo next-css en mi next.config.js; intentaré eliminarlo y ver si eso tiene algún impacto.

¿Parece que aquí hay una solución urgente? =)

Ajá, eso me solucionó las cosas; obviamente, también tuve que mover mi importación a un archivo shell _app.js también.