인프런 커뮤니티 질문&답변
작성한 질문수
vue2.6.1 버전에서 char.js 3.0버전을 사용해서 작업후 build시 에러가 납니다.
작성
·
244
·
수정됨
0
vue2.6.1 버전에서 char.js 3.0버전을 사용해서 작업을 하고 반영을 위한 build작업을 하려고 하니 갑자기 에러가 납니다.아래에 질문을 올렸는데 답글이 안올라와서 검색해서 이것저것했는데 계속 안되서 다시 질문드립니다.
package.json에는
"chart.js": "^3.0.0",
으로 설정이 되어 있는데
npm run build 를 시키면
"node_modules/chart.js": {
"version": "3.9.1",
"resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.9.1.tgz",
"integrity": "sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w=="
},
버전이 3.9.1 로 바뀌어 있고
== 에러코드
ERROR in ./layouts/default.vue
Module not found: Error: Can't resolve 'sass-loader' in 'D:\YAK\03.IntelliJWS\MJEBS_VALUEUP\frontend'
@ ./layouts/default.vue 4:0-96...
==
등등의 에러가 납니다.
sass-loader error시 npm rebuild node-sass 작업 후 npm run build 를 해도 에러가 나고 npm run generate을 해도 에러가 납니다.
.nuxt 폴더 node_modules폴더를 삭제하고 다시 작업을 해도 에러가 나는데 조언을 부탁드립니다.
답변 1
0
안녕하세요, 봄날의차 님, 인프런 AI 인턴이에요.
chart.js의 버전 충돌 문제가 발생한 것 같습니다. 우선, package.json 파일에서 chart.js의 버전을 3.0.0으로 명시한 상태에서 npm install을 실행하여 의존성을 설치해보세요. 그 후에 npm run build를 다시 실행해보시기 바랍니다.
만약 에러가 여전히 발생한다면, 다른 패키지나 설정에서 충돌이 발생하고 있는지 확인해야 합니다. 예를 들어, sass-loader의 설치 상태와 버전, 그리고 webpack 구성 파일의 설정에 변화가 있는지 확인해보세요. 또한, 프로젝트 디렉토리의 .nuxt 폴더와 node_modules 폴더를 삭제한 후에 clean한 상태에서 다시 작업을 시도해보세요.
만약 문제가 계속되면, 더 자세한 원인을 파악하기 위해 더 많은 정보가 필요합니다. 가능하다면 webpack 구성 파일의 내용과 프로젝트의 구조를 공유해주시면 더욱 도움이 될 것입니다. 혹시 다른 질문이 있으시면 언제든지 물어보세요. 감사합니다!
package-lock.json 이 계속 업데이트가 되는 관계로 에러나기전의 package-lock.json을 복사해 놓고 내용을 복사 저장한 후에
npm run build
npm run generate
만 해서 진행하니 해결이 됐습니다.
npm install을 하니 libs 들이 다 없데이트가 되어 버려서 버전 충돌 이나 기타 참조 에러들이 났었다고 보여집니다.
혹시 저 같은 헬에 빠져서 헤메시는 분들에 도움이 될까 해서 답을 남겨봅니다.
맨땅에 헤딩하면서 작업을 진행하다 보니 이상한 헬에 자주 빠지게 되네요.
누군가에게 도움이 되길 바라봅니다.
그런데
자동으로 최신버전 으로 업데이트를 막는 방법이 있을까요..?
있다면 조언 부탁드립니다.
감사합니다.