기본적으로 5가 아닌 웹 팩 4를 사용하는 Vue CLI

기본적으로 5가 아닌 웹 팩 4를 사용하는 Vue CLI

Vue 2를 사용하여 앱을 실행하려고 합니다만, Vue 2를 사용해 보기 전까지는 문제가 없었습니다.node-sass그리고.sass-loader패키지.에러가 나기 시작했는데 조사해보니 이 제품을 사용해야 할 것 같습니다.webpack최신 5개 이상node-sass패키지로 작업합니다.프로젝트를 만들었을 때처럼 둘러본 결과 디폴트는webpack버전 4.46.0.

새로고침했습니다.vue-cli공식 페이지의 지침에 따라 최신 버전으로 업그레이드한 후 새 프로젝트를 다시 초기화하려고 시도했지만 여전히 동일한 문제가 발생합니다.저는 지금@vue/cli 4.5.12(제 생각엔) 최신인 것 같아요.

앱을 초기화합니다.vue create <app-name>디폴트 설정을 사용하고 있습니다.v4에서 이행 중이라는 이 페이지를 찾았습니다.이것은 아마도 더 높은 버전의 v4가 존재할 수 있다는 것을 의미합니다.vue-cli하지만 다시 한 번 모든 지시를 따랐지만 소용이 없었기 때문에 제가 여기서 뭔가를 놓치고 있는 것은 아닌지 잘 모르겠습니다.

저는 Vue에서는 초보자이기 때문에 도움이 되려면 어떤 추가 정보를 제공해야 할지 잘 모르겠습니다만, 아무리 찾아봐도 무슨 일이 일어나고 있는지 알 수 없습니다.

제가 GitHub에서 알게 된 바로는, Vue CLI의 최신 안정 버전 4.5.12는 여전히 웹 팩 4: https://github.com/vuejs/vue-cli/blob/v4.5.12/package.json을 사용합니다. 그런 점을 고려할 때, 가장 쉬운 해결책은 sass-flash를 버전 10으로 다운그레이드하는 것입니다.npm install sass-loader@10예를 들어, https://stackoverflow.com/a/66087132/1505369 를 참조해 주세요.

vue-cli의 베타 버전을 사용해 볼 수도 있습니다.@vue/cli-service버전 5.0.0-beta.0에 대한 모든 vue-cli 플러그인이npm install @vue/cli-service@5.0.0-beta.0 @vue/cli-plugin-babel@5.0.0-beta.0 @vue/cli-plugin-eslint@5.0.0-beta.0 @vue/cli-plugin-vuex@5.0.0-beta.0. Webpack 5 를 인스톨 해 사용할 수 있게 됩니다.하지만 개인적으로는 새로운 오류가 발생했기 때문에 문제가 해결되지 않았습니다.

오류 유형 오류:'compilation' 인수는 Compilation TypeError의 인스턴스여야 합니다.'컴파일' 인수는 컴파일 인스턴스여야 합니다.
// ...

언급URL : https://stackoverflow.com/questions/66847329/vue-cli-using-webpack-4-instead-of-5-by-default