运行Vue时出错 Error: @vitejs/plugin-vue requires vue (＞=3.2.13)

Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.

错误:@vitejs/plugin-vue需要vue(>=3.2.13)或@vue/compiler-sfc存在于依赖树中。

问题描述：npm run serve 无法运行项目

> vue-cli-service serve
 INFO  Starting development server...
 ERROR  Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.    
Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
    at Object.<anonymous> (E:\Code\Vue\WebApiDemo\web\node_modules\vue-loader\dist\compiler.js:14:15)
    at Module._compile (internal/modules/cjs/loader.js:1015:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1035:10)
    at Module.load (internal/modules/cjs/loader.js:879:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Module.require (internal/modules/cjs/loader.js:903:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (E:\Code\Vue\WebApiDemo\web\node_modules\vue-loader\dist\index.js:29:20)
    at Module._compile (internal/modules/cjs/loader.js:1015:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1035:10)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! web@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the web@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\xxx\AppData\Roaming\npm-cache\_logs\2023-07-18T14_21_02_566Z-debug.log

尝试升级解决：Vue版本过低，尝试下载更高版本

npm i vue@3.2.3

问题解决

PS E:\Code\Vue\WebApiDemo\web> npm run serve
> web@0.1.0 serve E:\Code\Vue\WebApiDemo\web
> vue-cli-service serve
 INFO  Starting development server...
 DONE  Compiled successfully in 7551ms                                                                10:51:18 ├F10: PM┤

  App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.0.13:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

---

使用上面的办法解决问题后，过了一天再运行项目时结果又出现了之前的问题

ERROR  Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
    at Object.<anonymous> (E:\Code\Vue\WebApiDemo\web\node_modules\vue-loader\dist\compiler.js:14:15)
    at Module._compile (internal/modules/cjs/loader.js:1015:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1035:10)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Module.require (internal/modules/cjs/loader.js:903:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (E:\Code\Vue\WebApiDemo\web\node_modules\vue-loader\dist\index.js:29:20)
    at Module._compile (internal/modules/cjs/loader.js:1015:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1035:10)
npm ERR! code ELIFECYCLE
npm ERR! web@0.1.0 serve: `vue-cli-service serve`
npm ERR!
npm ERR! Failed at the web@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\wbd\AppData\Roaming\npm-cache\_logs\2023-07-19T03_20_40_140Z-debug.log

但这个时候我的vue版本是3.2.3

  "dependencies": {
    "@vue/compiler-sfc": "^3.3.4",
    "core-js": "^3.8.3",
    "vue": "^3.2.3",
    "vue-loader": "^17.2.2"
  }

查了资料 博客发现这可能是node.js的版本太低了
当前node版本

C:\Users\xxx>node -v
v12.19.0

升级node后

C:\Users\xxx>node -v
v18.17.0

再次尝试运行vue项目
PS E:\Code\Vue\WebApiDemo\web> npm run serve

> web@0.1.0 serve
> vue-cli-service serve
 INFO  Starting development server...
 DONE  Compiled successfully in 7023ms                                                                                                    11:30:00
  App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.0.13:8080/

问题解决

这篇好文章是转载于：学新通技术网