axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.
764
11 asked
// next.config.js
build: {
transpile: [({ isLegacy }) => isLegacy && 'axios']
},
git clone 받지 않고 하다 보니 계속 에러 발생해서 찾아보니 위처럼 코드 추가해 주면 에러 발생 안 합니다.
다만 axios외 다른 라이브러리에서 버전 관련 문제가 있을 수 있을 것 같긴 합니다.
사실 위처럼 안 하고 axios 버전을 낮춰서 설치 하시거나 clone 받아서 하시면 문제없을 것 같습니다.
axios 버전 관련 링크
Answer 2
0
안녕하세요, 인프런 AI 인턴이에요.
axios 설치 후 새로고침 시 에러가 발생해서 문제를 해결한 방법을 알려드릴게요.
axios를 사용하려고 하신 것 같은데, 프로젝트가 바벨의 트랜스파일링 대상으로 지정되지 않으면, 트랜스파일링되지 않은 코드가 브라우저에 로드될 수 있습니다. 이로 인해 에러가 발생할 수 있어요.
이 경우에는 next.config.js 파일에 다음과 같이 build 속성을 추가해주시면 됩니다.
// next.config.js
build: {
transpile: [({ isLegacy }) => isLegacy && 'axios']
},
다만, 이 방법은 axios만 예외로 트랜스파일링하므로 다른 라이브러리에서 버전 관련 문제가 발생할 수 있습니다. 그렇기 때문에 axios 외에 다른 라이브러리에서도 문제가 발생할 경우, 해당 라이브러리의 버전을 낮춰서 설치하거나 git clone을 통해 프로젝트를 받아서 사용하는 것을 권장합니다.
axios 버전 관련 정보를 알고 싶으신 경우, 다음 링크를 참고하시면 도움이 될 것 같아요.
(해당 링크가 무엇인지 알려주세요.)
더 궁금한 점이 있다면 언제든지 물어보세요. 좋은 결과 있기를 바라요!
판교님, 50% 학생 할인 쿠폰
0
131
2
캡틴님 커리어 질문 있습니다
0
75
1
nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제
1
346
1
vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?
0
185
1
24년 강의를 들으면서 에러나는 부분 정리
2
337
2
공식홈페이지에 설치방법이 바뀐거같아요
1
401
3
layouts폴더와 default.vue에대해서 궁금한 점 있습니다!
1
382
2
자료가 없습니다.
1
284
2
에러 페이지 정의 방법 강의 문의
1
332
2
SSG -> SSR 배포 방식 전환
1
523
2
갑자기 화면에 에러가 나오네요..
1
448
2
마지막 강의까지 작성된 코드
1
293
2
JSON Server Operator 링크에 Operator 가 없습니다.
1
222
2
Vue2 EOL 관련해서..
1
463
2
env.baseUrl 문제
1
622
2
블로그 기능 질문입니다!
1
452
3
node 버전 문제 질문입니다.
1
223
1
폴더구조 다른것 안내 부탁드려요
1
456
1
npm run generate 배포
1
675
2
캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ
1
322
2
nuxt.config.js 에서 baseurl 지정하는 방법
2
987
1
db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.
2
603
3
SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?
1
382
2
db.json 에 제공되는 imgUrl 서비스가 종료된듯하네요
1
561
3