해결된 질문
작성
·
158
0
1.3 NextJS 설치 편에서
다크모드 설정하는 부분에서 문의드립니다.
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
{children}
</ThemeProvider>
설정 후, 영상에서는 dark, light로 수정하면 반영되는것을 확인할 수 있는데 제 코드에서는
Warning: Extra attributes from the server: class,style
그리고
Warning: Prop className
did not match. Server: "__className_aaf875 vsc-initialized" Client: "__className_aaf875"
라는 워닝이 발생하여 자동적으로 반영되지 않는 것을 확인했습니다.
해당 이슈를 수정할 수 있는 방법이 있을까요 ?
답변 1
0
warning message이며 당장은 개발하는데 큰 이슈는 없을것으로 예상됩니다. 다만 개발 서버에서 변경사항이 제대로 먹지 않을것 같네요.
nextjs에서 일부 변경사항은 서버 재시작을 해야될 수 있습니다.
.next 파일 ( .으로 시작하고 next 파일, 즉 빌드가 캐시된 파일을 지워주세요.) 제거
next를 다시 시작해보기.
강의와 다른 버전은 package.json을 참고해서 맞추어 보기 ( 최신버전에서 발생하는 버그일 수 있습니다.)