vue cli run serve 중 오류

Question

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 ode_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 ode_modules\webpack\lib\Dependency.js:322:9) at iterationDependencies (C:\projectlist\vue-django\front\frontend ode_modules\@vue\cli-service ode_modules\webpack\lib\Compilation.js:940:21) at C:\projectlist\vue-django\front\frontend ode_modules\@vue\cli-service ode_modules\webpack\lib\Compilation.js:950:8 at C:\projectlist\vue-django\front\frontend ode_modules\@vue\cli-service ode_modules\webpack\lib\NormalModuleFactory.js:409:6 at C:\projectlist\vue-django\front\frontend ode_modules\@vue\cli-service ode_modules\webpack\lib\NormalModuleFactory.js:155:13 at eval (eval at create (C:\projectlist\vue-django\front\frontend ode_modules apable\lib\HookCodeFactory.js:33:10), :14:1) at C:\projectlist\vue-django\front\frontend ode_modules\case-sensitive-paths-webpack-plugin\index.js:178:9 at C:\projectlist\vue-django\front\frontend ode_modules\case-sensitive-paths-webpack-plugin\index.js:125:7 at C:\projectlist\vue-django\front\frontend ode_modules\case-sensitive-paths-webpack-plugin\index.js:125:7 at CaseSensitivePathsPlugin.fileExistsWithCase (C:\projectlist\vue-django\front\frontend ode_modules\case-sensitive-paths-webpack-plugin\index.js:95:5) at C:\projectlist\vue-django\front\frontend ode_modules\case-sensitive-paths-webpack-plugin\index.js:118:10 at CaseSensitivePathsPlugin.getFilenamesInDir (C:\projectlist\vue-django\front\frontend ode_modules\case-sensitive-paths-webpack-plugin\index.js:52:5) at CaseSensitivePathsPlugin.fileExistsWithCase (C:\projectlist\vue-django\front\frontend ode_modules\case-sensitive-paths-webpack-plugin\index.js:101:8) at C:\projectlist\vue-django\front\frontend ode_modules\case-sensitive-paths-webpack-plugin\index.js:118:10 at Array. (C:\projectlist\vue-django\front\frontend ode_modules\case-sensitive-paths-webpack-plugin\index.js:72:5) at Storage.finished (C:\projectlist\vue-django\front\frontend ode_modules\enhanced-resolve\lib\CachedInputFileSystem.js:55:16)

김석훈 · Answer

안녕하세요. 독자님. 버전 문제인 것으로 보입니다. 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 감사합니다.