Next.js: [9.5.3] modules.scss의 Next / _error.jsx 스타일이 작동하지 않습니다.

에 만든 2020년 09월 08일 · 3코멘트 · 출처: vercel/next.js

버그 신고

9.5.3 이후 (9.5.2에서 잘 작동 함) 사용자 정의 오류 페이지에 깨진 스타일이 있습니다.

스타일링에 sass 사용

사용자 지정 오류 페이지 _error.jsx 생성 (내 경우에는 tsx)

실제 오류 페이지를보기 위해 빌드하고 오류를 생성해야합니다.
(실 빌드 && 실 스타트)

오류 페이지에서 전역 스타일이 제대로 작동합니다.
그러나 모든 module.scss는 기본 오류 페이지 또는 가져온 구성 요소에 대해서도 손상됩니다.

bug 3 needs investigation

출처

vdiazroa

👍5

안녕하세요, 저도 마찬가지입니다.
다음은 재현 할 예제 앱입니다. 도움이 되었기를 바랍니다.

TasukuUno 에 2020년 09월 10일

👍6

안녕하세요, 저도 마찬가지입니다.
다음은 재현 할 예제 앱입니다. 도움이 되었기를 바랍니다.

TasukuUno 에 2020년 09월 10일

👍6

이것을 로컬에서 디버깅하려고 할 때 getCssLinks 제공된 경로에 css 모듈의 css 파일에 대한 경로가 포함되어 있지 않음을 알 수 있습니다.

역 추적하면 getDocumentFiles 에서이 줄을 볼 수 있습니다. 문제의 원인에 대한 좋은 후보가 될 수 있습니다.

하지만 그 라인은 2 개월 전에 https://github.com/vercel/next.js/commit/9fcf39acd45966d8a6c362bec62e49a53dcd8581 에서 변경되었습니다 getPageFiles 도달합니다. 마지막 변경 사항은 https://github.com/vercel/next.js/commit/3597978d7f121f11df99cd7cd757e1eb9868fff7 에서 "매니페스트에서 우선 순위가 낮은 파일 수정"으로 변경되었습니다. 여기에 원인이 될 수 있습니까? 의도를 결정하기는 어렵지만 이러한 수정으로 인해 CSS 경로를 얻는 데 필요한 데이터에 대한 계약이 깨졌을 수 있습니까?

JamieMason 에 2020년 10월 16일

👍1

JamieMason 에 2020년 10월 16일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급