소스 수정 후 자동 컴파일 문의드립니다.
281
1 asked
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"
라는 워닝이 발생하여 자동적으로 반영되지 않는 것을 확인했습니다.
해당 이슈를 수정할 수 있는 방법이 있을까요 ?
Answer 2
0
삭제된 글입니다
0
이 부분은 shadcn ui 설치 단계에서 자동으로 넣어주고 있습니다.
현재 버전에서 강의랑 다르게 동작하는 부분이 있는지 검토해보겠습니다.
*계속 문제가 된다면 아래 순서로 진행 부탁드립니다.!
0.https://ui.shadcn.com/docs/installation/next
0
+추가) 제가 설명이 부족했네요.
1.강의의 버전이 아니라, 최신 버전으로 진행하시는 분들은 hydration 오류가 발생할 수 있습니다. CSS 미스매치 이슈로 next15 에서 발생하는 hydration 경고를 supress 하라는 답변이 있었지만. 25년 7월 23일 기준 최신버전을 사용하시면 문제 없을것 같습니다.
warning message이며 당장은 개발하는데 큰 이슈는 없을것으로 예상됩니다. 다만 개발 서버에서 변경사항이 제대로 먹지 않을것 같네요.
nextjs에서 일부 변경사항은 서버 재시작을 해야될 수 있습니다.
.next 파일 ( .으로 시작하고 next 파일, 즉 빌드가 캐시된 파일을 지워주세요.) 제거
next를 다시 시작해보기.
강의와 다른 버전은 package.json을 참고해서 맞추어 보기 ( 최신버전에서 발생하는 버그일 수 있습니다.)
4.6강 초기 로딩 속도 케이스 비교
0
85
2
Sidebar & Header 컴포넌트 등 레이아웃 설정 방식
0
89
3
문의드립니다.
0
145
3
Vercel signup이 안되요,, 계속 제 깃허브 계정은 추가 인증이 필요하다며 registration@vercel.com에 문의를 하라고 하네요,,, 이럴땐 진행을 어찌해야할까요,,,
1
101
2
에러, 로딩 내용 페이지를 모든 페이지에 다 만드는 이유가 따로 있나요?
2
158
3
3.2, 3.3 화면에 아무것도 나오지 않고 있습니다!
0
210
3
코드가 왜 그런지 모르겠는데, 이럴땐 어떻게 공부해야하나요?
1
221
3
강의외 복잡한 ui 입력폼 관련 질문 있습니다
1
218
2
npx랑 yarn이랑 같이 써도 되나요?
0
437
2
article / section 태그에 관해
0
179
1
카테고리 변경 시 이미지 로딩
1
191
2
next zustand 사용 시 문의
0
474
2
component 파일에서는 tsx파일이 아니라 jsx 파일을 쓰는 이유를 알 수 있을까요?
1
175
2
versel 을 통한 배포를 하는 것과 (홈서버 + 클라우드 플래어 프록시)를 하는 것을 비교해주실 수 있나요?
1
175
1
선생님 죄송한대
1
152
1
깃 push가 안되서 ssh를 한참해메고 있습니다. ㅠㅠ
1
143
1
Chapter 7 영상 화면이 안보입니다.
0
273
2
오류발생 문제입니다.
1
229
1
질문있습니다.
1
181
1
11.5 Channel 노래,앨범 section 강의중
0
153
1
정적배포
0
196
1
zustand 상태관리
0
333
1
state에서 buffer랑 time이 안 나옵니다
0
199
2
components 들은 jsx 로 만드신 이유
0
311
3