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

에러메세지는 아래와 같습니다.

1. PS C:\Users\esc0\Desktop\saju\saju-frontend-vuejs> npm install

    

   npm ERR! code ERESOLVE

   npm ERR! ERESOLVE could not resolve

   npm ERR!

   npm ERR! While resolving: @vue/cli-plugin-eslint@5.0.8

   npm ERR! Found: eslint@6.8.0

   npm ERR! node_modules/eslint

   npm ERR! dev eslint@"^6.7.2" from the root project

   npm ERR! peer eslint@">= 4.12.1" from babel-eslint@10.1.0

   npm ERR! node_modules/babel-eslint

   npm ERR! dev babel-eslint@"^10.1.0" from the root project

   npm ERR! 2 more (eslint-plugin-vue, vue-eslint-parser)

   npm ERR!

   npm ERR! Could not resolve dependency:

   npm ERR! peer eslint@">=7.5.0" from @vue/cli-plugin-eslint@5.0.8

   npm ERR! node_modules/@vue/cli-plugin-eslint

   npm ERR! dev @vue/cli-plugin-eslint@"^5.0.8" from the root project

   npm ERR!

   npm ERR! Conflicting peer dependency: eslint@8.33.0

   npm ERR! node_modules/eslint

   npm ERR! peer eslint@">=7.5.0" from @vue/cli-plugin-eslint@5.0.8

   npm ERR! node_modules/@vue/cli-plugin-eslint

   npm ERR! dev @vue/cli-plugin-eslint@"^5.0.8" from the root project

   npm ERR!

   npm ERR! Fix the upstream dependency conflict, or retry

   npm ERR! this command with --force or --legacy-peer-deps

   npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

   npm ERR!

   npm ERR!

   npm ERR! For a full report see:

   npm ERR! C:\Users\esc0\AppData\Local\npm-cache\_logs\2023-02-09T13_43_38_155Z-eresolve-report.txt

   npm ERR! A complete log of this run can be found in:

   npm ERR! C:\Users\esc0\AppData\Local\npm-cache\_logs\2023-02-09T13_43_38_155Z-debug-0.log

   PS C:\Users\esc0\Desktop\saju\saju-frontend-vuejs>

    

2. PS C:\Users\esc0\Desktop\saju\saju-frontend-vuejs> npm run serve

    

   > saju-frontend-vuejs@0.1.0 serve

   > vue-cli-service serve

   INFO Starting development server...

   ERROR Failed to compile with 2 errors 오후 10:47:30

   [eslint] ESLint is not a constructor

   You may use special comments to disable some warnings.

   Use // eslint-disable-next-line to ignore the next line.

   Use /* eslint-disable */ to ignore all warnings in a file.

   Error: Child compilation failed:

   [eslint] ESLint is not a constructor

    

   - child-compiler.js:169

   [saju-frontend-vuejs]/[html-webpack-plugin]/lib/child-compiler.js:169:18

    

   - Compiler.js:551 finalCallback

   [saju-frontend-vuejs]/[webpack]/lib/Compiler.js:551:5

    

   - Compiler.js:577

   [saju-frontend-vuejs]/[webpack]/lib/Compiler.js:577:11

    

   - Compiler.js:1196

   [saju-frontend-vuejs]/[webpack]/lib/Compiler.js:1196:17

    

    

   - task_queues:95 processTicksAndRejections

   node:internal/process/task_queues:95:5

    

   - task_queues:64 runNextTicks

   node:internal/process/task_queues:64:3

   - timers:447 process.processImmediate

   node:internal/timers:447:9

   ERROR in [eslint] ESLint is not a constructor

   ERROR in Error: Child compilation failed:

   [eslint] ESLint is not a constructor

    

   - child-compiler.js:169

   [saju-frontend-vuejs]/[html-webpack-plugin]/lib/child-compiler.js:169:18

    

   - Compiler.js:551 finalCallback

   [saju-frontend-vuejs]/[webpack]/lib/Compiler.js:551:5

    

   - Compiler.js:577

   [saju-frontend-vuejs]/[webpack]/lib/Compiler.js:577:11

    

   - Compiler.js:1196

   [saju-frontend-vuejs]/[webpack]/lib/Compiler.js:1196:17

    

    

   - task_queues:95 processTicksAndRejections

   node:internal/process/task_queues:95:5

    

   - task_queues:64 runNextTicks

   node:internal/process/task_queues:64:3

    

   - timers:447 process.processImmediate

   node:internal/timers:447:9

    

   1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)

   webpack compiled with 3 errors