Next.js: [9.5.3] Siguiente / _error.jsx estilo de modules.scss no funciona

Creado en 8 sept. 2020 · 3Comentarios · Fuente: vercel/next.js

Informe de error

Describe el error

desde 9.5.3 (en 9.5.2 funciona bien), la página de error personalizada tiene estilos rotos

Reproducir

usando descaro para peinar

crear página de error personalizada _error.jsx (tsx en mi caso)

necesita compilar para ver la página de error real e intentar crear un error
(construcción de hilo && inicio de hilo)

en la página de error, el estilo global funciona bien
pero cada module.scss está roto incluso para la página de error principal o para componentes importados

Información del sistema

descaro: 1.26.10
SO: [macOS catalina || ubuntu 18.04 lts]
Versión de Node.js: [v10.22.0 || v13.14.0]

bug 3 needs investigation

Fuente

vdiazroa

👍5

Comentario más útil

Hola lo mismo para mi
Aquí está la aplicación de ejemplo para reproducir. Espero que esto te ayude.

https://github.com/TasukuUno/repro-nextjs-16931

TasukuUno en 10 sept. 2020

👍6

Todos 3 comentarios

Hola lo mismo para mi
Aquí está la aplicación de ejemplo para reproducir. Espero que esto te ayude.

https://github.com/TasukuUno/repro-nextjs-16931

TasukuUno en 10 sept. 2020

👍6

Al tratar de depurar esto localmente, puedo ver que ninguna de las rutas proporcionadas a getCssLinks contienen rutas a archivos css desde módulos css:

https://github.com/vercel/next.js/blob/b2d1d87e7feed5535a05ec99d7558934dcbc82a5/packages/next/pages/_document.tsx#L160

Rastreando, puedo ver esta línea en getDocumentFiles , que parece que podría ser un buen candidato para la causa del problema:

https://github.com/vercel/next.js/blob/b2d1d87e7feed5535a05ec99d7558934dcbc82a5/packages/next/pages/_document.tsx#L59

pero esa línea se cambió hace 2 meses en https://github.com/vercel/next.js/commit/9fcf39acd45966d8a6c362bec62e49a53dcd8581. Rastreando más hacia atrás llegamos a getPageFiles , el último cambio fue https://github.com/vercel/next.js/commit/3597978d7f121f11df99cd7cd757e1eb9868fff7 a "Modificar archivos de baja prioridad en el manifiesto", _posiblemente_ lo que esté sucediendo en aquí podría ser la causa? La intención es difícil de determinar, pero estas enmiendas _ pueden haber roto el contrato de los datos necesarios para obtener las rutas CSS.

https://github.com/vercel/next.js/blob/3597978d7f121f11df99cd7cd757e1eb9868fff7/packages/next/next-server/server/render.tsx#L685 -L701

Enlace aquí al diff donde se introdujo lo anterior en el compromiso 3597978