인프런 커뮤니티 질문&답변

길잡이님의 프로필 이미지
길잡이

작성한 질문수

Vue.js - Django 연동 웹 프로그래밍 (실전편)

vue cli run serve 중 오류

작성

·

721

1

Vue-Django Read API 만들기 axos-list 기능 확인 강의에서 기능 추가 후 run serve를 했습니다.

그런데 첨부된 오류가  발생했습니다.

 

해결하기 위해 webpack 버전을 4.42.0으로 다운그레이드 시키고 다시 실행해 보았더니 Syntax Error: TypeError: eslint.CLIEngine is not a constructor 이런 에러가 발생합니다.

 INFO  Starting development server...
12% building 22/22 modules 0 activeC:\projectlist\vue-django\front\frontend\node_modules\webpack\lib\Dependency.js:322
                throw new Error(
                ^

Error: module property was removed from Dependency (use compilation.moduleGraph.updateModule(dependency, module) instead)
    at ProvidedDependency.set (C:\projectlist\vue-django\front\frontend\node_modules\webpack\lib\Dependency.js:322:9)
    at iterationDependencies (C:\projectlist\vue-django\front\frontend\node_modules\@vue\cli-service\node_modules\webpack\lib\Compilation.js:940:21)    
    at C:\projectlist\vue-django\front\frontend\node_modules\@vue\cli-service\node_modules\webpack\lib\Compilation.js:950:8
    at C:\projectlist\vue-django\front\frontend\node_modules\@vue\cli-service\node_modules\webpack\lib\NormalModuleFactory.js:409:6
    at C:\projectlist\vue-django\front\frontend\node_modules\@vue\cli-service\node_modules\webpack\lib\NormalModuleFactory.js:155:13
    at eval (eval at create (C:\projectlist\vue-django\front\frontend\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:14:1)
    at C:\projectlist\vue-django\front\frontend\node_modules\case-sensitive-paths-webpack-plugin\index.js:178:9
    at C:\projectlist\vue-django\front\frontend\node_modules\case-sensitive-paths-webpack-plugin\index.js:125:7
    at C:\projectlist\vue-django\front\frontend\node_modules\case-sensitive-paths-webpack-plugin\index.js:125:7
    at CaseSensitivePathsPlugin.fileExistsWithCase (C:\projectlist\vue-django\front\frontend\node_modules\case-sensitive-paths-webpack-plugin\index.js:95:5)
    at C:\projectlist\vue-django\front\frontend\node_modules\case-sensitive-paths-webpack-plugin\index.js:118:10
    at CaseSensitivePathsPlugin.getFilenamesInDir (C:\projectlist\vue-django\front\frontend\node_modules\case-sensitive-paths-webpack-plugin\index.js:52:5)
    at CaseSensitivePathsPlugin.fileExistsWithCase (C:\projectlist\vue-django\front\frontend\node_modules\case-sensitive-paths-webpack-plugin\index.js:101:8)
    at C:\projectlist\vue-django\front\frontend\node_modules\case-sensitive-paths-webpack-plugin\index.js:118:10
    at Array.<anonymous> (C:\projectlist\vue-django\front\frontend\node_modules\case-sensitive-paths-webpack-plugin\index.js:72:5)
    at Storage.finished (C:\projectlist\vue-django\front\frontend\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)

답변 1

0

김석훈님의 프로필 이미지
김석훈
지식공유자

안녕하세요. 독자님.

버전 문제인 것으로 보입니다.

vue-cli 설치시 webpack 이 같이 설치되니,

섹션 2-2 tools upgrade 영상을 참고해서, vue-cli 를 다시 설치해 보세요.

====================

비슷한 문제가 스택오버플로우에 있으니 참고하시구요.

https://stackoverflow.com/questions/65588591/vue-3-and-webpack-5-error-module-property-was-removed-from-dependency

위 스택오버플로우 답변처럼, webpack 만 4.x.x 버전으로 바꿀려면 아래 명령을 사용하세요.

npm i -D webpack@^4.0.0

감사합니다.

길잡이님의 프로필 이미지
길잡이
질문자

4.0.0으로 다운그레이드 시키니 되네요 감사합니다!

길잡이님의 프로필 이미지
길잡이

작성한 질문수

질문하기