inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

nuxt3의 실시간 렌더링 오류는 해결 할수 없는건가요??

325

앱프

작성한 질문수 8

0

아직 강좌 초반부이기는 한데.. 테스트 코드를 작성하면서 실시간 렌더링을 되면서 오작동을 너무 많이 한다고 느껴집니다..

리엑트나 next.js를 사용시에는 이정도까지는 아니였는데, nuxt3는 좀 많이 심한거 같은데..

저만의 생각인가요??

 

예로.. 같은 경로에 렌더링 코드를 구성하기 위해서..

pages/course.vue 생성하고.. http://localhost:3000/course 로 접속해서 결과물 확인했습니다.

그리고, pages/course.vue를 삭제하고, pages/course/index.vue를 생성해서 다시 새로고침이나 다른 브라우저로 접근해도 동일한 오류를 발생시킨 페이지를 보여줍니다.

물론 nuxt3를 재실행하면 문제는 해결이 되기는 합니다.

1070.png

여기서 질문은.. nuxt3를 재실행하는 형태면 실시간 렌더링이 된다고 할 수 있느냐는 거죠... ㅡ.ㅜ;

강의 보시면 테스트 코딩하니, 이제 제대로 작동한다고 생각을 하는거지.. 복잡한 프로젝트가 이처럼 정상적인 코드가 오류를 뿜어되면 어떻게 해야 할지.. 답답해 지네요.. ㅜ.ㅜ;

 

이런 형태의 문제가 처음이 아니고, 여러번 있었다는 겁니다. 처음에는 그러려니 했으나.. 하면 할수록 이건 좀 심하지 않나 싶어서 적어봅니다.

 

이런 문제를 해결할 방법이 있을까요??

캐시 때문인지, 다르면 다른 설정으로 근본적으로 개발할때라도 해결할 방법이 있으면 알려주시면 감사하겠습니다..

 

 

 

vue.js nuxt.js pinia vue-3

답변 1

0

짐코딩

안녕하세요.

'실시간 렌더링'이라고 말씀하신 부분이 HMR(Hot Module Replacement)를 말씀하신거죠?

우선 VSCode가 최신 버전인지 확인해 보는 것도 괜찮을 것 같고요.
(그리고 Nuxt 버전이 최신 버전인지)

그래도 문제라고 느껴지신 다면 Nuxt github에 문의해 보시는 것도 좋을 것 같습니다.

HMR 관련해서는 제가 해결방법을 갖고 있지 않아서요.

 

0

앱프

답변 감사합니다.. ^^;

vscode는 최신이며, nuxt도 최신버전입니다. 최신버전이여서 문제인가 싶었는데..

짐코딩님은 개발중 이런 일이 없었는지 궁금합니다.

Nuxt 4 관련 강의 업데이트 계획이 있으실까요?

0

73

2

eslint 설정 관련 질문

0

81

1

vscode 자동 저장 시 탭 사이즈 조절 안되고 있습니다..

0

75

1

eslint 설정 오류 질문드립니다.

0

171

2

pageContainerStyle 이름을 찾을 수 없습니다 에러

0

56

1

npm create nuxt <project-name> 현재는 nuxi 로 프로젝트 생성하는 것이 권장으로 적혀있지 않는 것 같은데

0

129

2

타입체크 관련질문입니다.

1

216

1

eslint prettier 설정 오류

0

200

2

clearNuxtState() 사용 문의

0

99

1

nuxt 빌드 환경 질문드립니다!

0

363

2

피니아 persist 질문드립니다!

0

179

1

prefetching 질문

0

112

1

[nuxt] [request error] [unhandled] [500] __QUASAR_SSR_SERVER__ is not defined

0

290

4

사진 오류

0

105

1

@pinia/nuxt 버전이 0.9.0인 경우 @pinia-plugin-persistedstate/nuxt와 충돌

1

187

2

Nuxt3는 SSR인가요? USR인가요?

1

340

2

VSCode처럼 멀티 Title & Menu Bar로 개발할려면?

0

261

2

Course 데이터 가져오기에서 궁금한 점

1

209

2

프로젝트 생성

0

336

3

웹 서버, WAS 그리고 api 서버 관련

0

400

2

$route 관련 에러

0

166

1

package.json 구성 관련 문의

0

196

1

코드에서 $i18n, $route 등 provide로 제공된 객체가 템플릿에서 붉은색으로 표시됩니다.

0

250

2

fetch와 axios에 대한 질문

0

180

1