inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Nuxt.js 시작하기

Nuxt.js 강의 소개

nuxt refresh 오류 문의

1175

hjp0712

작성한 질문수 2

1

안녕하세요, 캡틴판교님의 vue와 nuxt강의를 잘 수강하고 있는 초급 개발자입니다. 먼저 관련 내용을 찾기가 힘들어 첫번째 강의에 글을 남깁니다.

nuxt 프레임워크를 사용해 시스템을 개발중인데요. 로컬에서 시스템을 띄웠을때는 특정 화면에 대한 refresh(새로고침)을 했을때 다시 reload가 되는데, 서버에 배포를 한 후 특정 페이지를 Refresh하면

ERROR  render function or template not defined in component: anonymous

 ERROR  window is not defined 등등

 

라는 에러 로그와 함께 페이지가 로드되지 않습니다.

 

공통적으로는 vue-apex-charts 들어간 화면이 문제인듯하여

구글링을 통해 vue-apex-charts 태그를 감싸는 no-ssr, client-only 태그도 달아보았고, import를 동적으로 선언해보거나, nuxt.config.js에서 plugin을 ssr:false로도 줘봤으나 해결되지 않았습니다.

 

특정 컴포넌트에 대해서만 refresh오류가 납니다. (vueapexchart 사용 시 인듯합니다)

 

 

혹시 제가 미처 생각치 못한 내용이 있을까요? 시간 나실때 조언 주시면 감사하겠습니다.

anonymous component vuejs nuxtjs ssr

답변 1

2

캡틴판교

안녕하세요 hjp님, Nuxt는 서버 사이드 렌더링이기 때문에 DOM 접근 시점이나 라이프 사이클 훅에 대해서 주의하셔야 합니다. 에러를 보니까 차트를 플러그인 형태로 변환하시면서 client 옵션을 넣어주셔야 할 것 같아요. 아래 문서 참고하세요.

https://nuxtjs.org/docs/directory-structure/plugins/#object-syntax

판교님, 50% 학생 할인 쿠폰

0

132

2

캡틴님 커리어 질문 있습니다

0

76

1

nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제

1

347

1

vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?

0

185

1

24년 강의를 들으면서 에러나는 부분 정리

2

337

2

공식홈페이지에 설치방법이 바뀐거같아요

1

401

3

layouts폴더와 default.vue에대해서 궁금한 점 있습니다!

1

383

2

자료가 없습니다.

1

285

2

에러 페이지 정의 방법 강의 문의

1

333

2

SSG -> SSR 배포 방식 전환

1

523

2

갑자기 화면에 에러가 나오네요..

1

448

2

마지막 강의까지 작성된 코드

1

293

2

JSON Server Operator 링크에 Operator 가 없습니다.

1

223

2

Vue2 EOL 관련해서..

1

463

2

env.baseUrl 문제

1

624

2

블로그 기능 질문입니다!

1

454

3

node 버전 문제 질문입니다.

1

223

1

폴더구조 다른것 안내 부탁드려요

1

457

1

npm run generate 배포

1

675

2

캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ

1

323

2

nuxt.config.js 에서 baseurl 지정하는 방법

2

991

1

db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.

2

608

3

axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.

2

767

2

SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?

1

385

2