Next.js에서 페이지를 새로 고친 후 CSS 스타일이 사라지는 이유는 무엇입니까?

Question

어플리케이션 폴더에 CSS 폴더를 생성하고 그 안에 CSS 파일을 작성했습니다. 그런 다음 사용할 구성 요소로 가져옵니다. 첫 번째 로드 시 적용됩니다. 하지만 페이지를 새로 고치면 모두 사라졌습니다. 내 폴더 구조

다시 돌아가서 파일을 저장해 보았는데 작동했지만 다시 새로 고칠 때마다 사라졌습니다.

Answer 1

다음 js에서는 모든 단일 페이지 구성 요소에 CSS를 로드할 수 없습니다. 내부에만 로드 가능 pages/_app.js

으아악

단일 구성 요소 내에서 호출해야 하는 경우 CSS 모듈이어야 합니다.

예: comComponents/layout.js

으아악

In comComponents/layout.module.css

으아악

더 많은 콘텐츠는 여기

에서 확인할 수 있습니다.