“npm error code ELSPROBLEMS“问题解决

晨曦蜗牛2024-04-27 9:34

在使用vite创建vue项目后，进入项目目录执行：

shell 复制代码

npm ls

出现如下报错：

text 复制代码

npm error code ELSPROBLEMS
npm error missing: @vitejs/plugin-vue@^5.0.4, required by [email protected]
npm error missing: vite@^5.2.0, required by [email protected]
npm error missing: vue@^3.4.21, required by [email protected]
[email protected] G:\workspace\typescript\cmds
├── UNMET DEPENDENCY @vitejs/plugin-vue@^5.0.4
└── UNMET DEPENDENCY vue@^3.4.21

npm error A complete log of this run can be found in: C:\Users\CXWN\AppData\Local\npm-cache\_logs\2024-04-26T10_37_55_450Z-debug-0.log

该问题若不解决，运行npm run dev则会报如下错：

text 复制代码

failed to load config from G:\workspace\frontend\ctos\vite.config.js
error when starting dev server:
Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'vite' imported from G:\workspace\frontend\ctos\vite.config.js.timestamp-1714128992789-605d83da2d988.mjs
    at packageResolve (node:internal/modules/esm/resolve:854:9)
    at moduleResolve (node:internal/modules/esm/resolve:927:18)
    at defaultResolve (node:internal/modules/esm/resolve:1157:11)
    at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:390:12)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:359:25)
    at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:234:38)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:87:39)
    at link (node:internal/modules/esm/module_job:86:36)

解决思路：

shell 复制代码

npm install @vitejs/plugin-vue@^5.0.4

进入项目目录执行npm ls，结果如下：

text 复制代码

[email protected] G:\workspace\typescript\cmds
├── @vitejs/[email protected]
├── [email protected]
└── [email protected]