Next.js: [9.5.3] Próximo / estilo _error.jsx de modules.scss não funciona

Criado em 8 set. 2020 · 3Comentários · Fonte: vercel/next.js

Relatório de erro

Descreva o bug

desde 9.5.3 (em 9.5.2 funciona bem), a página de erro personalizada tem estilos corrompidos

Reproduzir

usando atrevimento para estilizar

criar página de erro personalizada _error.jsx (tsx no meu caso)

precisa construir para ver a página de erro real e tentar criar um erro
(construção do fio e início do fio)

na página de erro, o estilo global funciona bem
mas cada module.scss está quebrado, mesmo para a página de erro principal ou para componentes importados

Informação do sistema

atrevimento: 1.26.10
OS: [macOS catalina || ubuntu 18,04 lts]
Versão do Node.js: [v10.22.0 || v13.14.0]

bug 3 needs investigation

Fonte

vdiazroa

👍5

Comentários muito úteis

Oi, o mesmo para mim.
Aqui está um exemplo de aplicativo para reproduzir. Espero que isso ajude você.

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

TasukuUno em 10 set. 2020

👍6

Todos 3 comentários

Oi, o mesmo para mim.
Aqui está um exemplo de aplicativo para reproduzir. Espero que isso ajude você.

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

TasukuUno em 10 set. 2020

👍6

Ao tentar depurar isso localmente, posso ver que nenhum dos caminhos fornecidos para getCssLinks contém caminhos para arquivos css de módulos css:

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

Rastreando de volta, vejo esta linha em getDocumentFiles , que parece ser um bom candidato para a causa do problema:

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

mas essa linha foi alterada 2 meses atrás em https://github.com/vercel/next.js/commit/9fcf39acd45966d8a6c362bec62e49a53dcd8581. Rastreando ainda mais, chegamos a getPageFiles , a última alteração foi https://github.com/vercel/next.js/commit/3597978d7f121f11df99cd7cd757e1eb9868fff7 para "Modificar arquivos de baixa prioridade no manifesto", _possivelmente_ o que quer que esteja acontecendo em aqui poderia ser a causa? A intenção é difícil de determinar, mas essas reparações _podem_ ter quebrado o contrato dos dados necessários para obter os caminhos CSS?

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

Link aqui para o diff onde o acima foi introduzido no commit 3597978