작성
·
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으로 다운그레이드 시키니 되네요 감사합니다!