前端项目启动出错

[wangshoujunnew]

(venv) ➜ frontend npm run serve

[email protected] serve
vue-cli-service serve

INFO Starting development server...

ERROR Failed to compile with 1 error 7:51:19 PM

error in ./src/main.js

Syntax Error: Error: error:0308010C:digital envelope routines::unsupported
at Generator.next ()
at new Promise ()
at Generator.next ()
at new Promise ()
at Generator.next ()

ERROR in ./src/main.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:69:19)
at Object.createHash (node:crypto:138:10)
at filename (/Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/cache.js:94:23)
at /Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/cache.js:120:39
at Generator.next ()
at asyncGeneratorStep (/Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/cache.js:3:103)
at _next (/Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/cache.js:5:194)
at /Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/cache.js:5:364
at new Promise ()
at /Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/cache.js:5:97
at handleCache (/Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/cache.js:159:18)
at /Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/cache.js:204:18
at Generator.next ()
at asyncGeneratorStep (/Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/cache.js:3:103)
at _next (/Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/cache.js:5:194)
at /Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/cache.js:5:364
at new Promise ()
at /Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/cache.js:5:97
at /Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/cache.js:208:18
at Object. (/Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/index.js:191:24)
at Generator.next ()
at asyncGeneratorStep (/Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/index.js:3:103)
at _next (/Users/ives/Downloads/django-vue-tutorial-master/frontend/node_modules/babel-loader/lib/index.js:5:194)

ERROR in [eslint] ESLint is not a constructor

ERROR in Error: Child compilation failed:
[eslint] ESLint is not a constructor

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

• Compiler.js:551 finalCallback
  [frontend]/[webpack]/lib/Compiler.js:551:5

• Compiler.js:577
  [frontend]/[webpack]/lib/Compiler.js:577:11

• Compiler.js:1200
  [frontend]/[webpack]/lib/Compiler.js:1200:17

• task_queues:95 processTicksAndRejections
  node:internal/process/task_queues:95:5

• task_queues:64 runNextTicks
  node:internal/process/task_queues:64:3

• timers:449 process.processImmediate
  node:internal/timers:449:9

1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 4 errors