npm run serve 给出错误 sh: vue-cli-service: command not found in Vue Cli app

Posted

技术标签:

【中文标题】npm run serve 给出错误 sh: vue-cli-service: command not found in Vue Cli app【英文标题】:npm run serve gives error sh: vue-cli-service: command not found in Vue Cli app 【发布时间】:2021-02-16 01:22:38 【问题描述】:

昨天我在克隆我的工作组存储库后注意到一些非常奇怪的事情。使用 npm install 安装依赖项后,我无法在项目中启动 devserver(或运行任何 npm 脚本)。奇怪的。所以我然后尝试使用@vue/cli 创建我自己的新项目,同样的事情也发生在那里。 环境: 节点:v14.15.0 NPM:v6.14.8 全局安装的 Vue Cli:v4.5.8 macOS Catalina:v10.15.7

项目中的Package.json:

  "name": "eezer_app",
  "version": "0.1.0",
  "private": true,
  "scripts": 
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  ,
  "dependencies": 
    "core-js": "^3.6.5",
    "vue": "^2.6.11",
    "vue-router": "^3.2.0",
    "vuetify": "^2.2.11",
    "vuex": "^3.4.0"
  ,
  "devDependencies": 
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "sass": "^1.19.0",
    "sass-loader": "^8.0.0",
    "vue-cli-plugin-vuetify": "~2.0.7",
    "vue-template-compiler": "^2.6.11",
    "vuetify-loader": "^1.3.0"
  

错误输出:

➜  eezer_app git:(master) ✗ npm run serve

> eezer_app@0.1.0 serve /Users/my-real-name/Documents/frontend-jensen/UX:UI-2/eezer_app
> vue-cli-service serve

sh: vue-cli-service: command not found
npm ERR! code ELIFECYCLE
npm ERR! syscall spawn
npm ERR! file sh
npm ERR! errno ENOENT
npm ERR! eezer_app@0.1.0 serve: `vue-cli-service serve`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the eezer_app@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!     /Users/my-real-name/.npm/_logs/2020-11-03T09_50_50_094Z-debug.log

调试日志文件:

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'serve' ]
2 info using npm@6.14.8
3 info using node@v14.15.0
4 verbose run-script [ 'preserve', 'serve', 'postserve' ]
5 info lifecycle eezer_app@0.1.0~preserve: eezer_app@0.1.0
6 info lifecycle eezer_app@0.1.0~serve: eezer_app@0.1.0
7 verbose lifecycle eezer_app@0.1.0~serve: unsafe-perm in lifecycle true
8 verbose lifecycle eezer_app@0.1.0~serve: PATH: /usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/Users/my-real-name/Documents/frontend-jensen/UX:UI-2/eezer_app/node_modules/.bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin
9 verbose lifecycle eezer_app@0.1.0~serve: CWD: /Users/my-real-name/Documents/frontend-jensen/UX:UI-2/eezer_app
10 silly lifecycle eezer_app@0.1.0~serve: Args: [ '-c', 'vue-cli-service serve' ]
11 info lifecycle eezer_app@0.1.0~serve: Failed to exec serve script
12 verbose stack Error: eezer_app@0.1.0 serve: `vue-cli-service serve`
12 verbose stack spawn ENOENT
12 verbose stack     at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:48:18)
12 verbose stack     at ChildProcess.emit (events.js:315:20)
12 verbose stack     at maybeClose (internal/child_process.js:1048:16)
12 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5)
13 verbose pkgid eezer_app@0.1.0
14 verbose cwd /Users/my-real-name/Documents/frontend-jensen/UX:UI-2/eezer_app
15 verbose Darwin 19.6.0
16 verbose argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "serve"
17 verbose node v14.15.0
18 verbose npm  v6.14.8
19 error code ELIFECYCLE
20 error syscall spawn
21 error file sh
22 error errno ENOENT
23 error eezer_app@0.1.0 serve: `vue-cli-service serve`
23 error spawn ENOENT
24 error Failed at the eezer_app@0.1.0 serve script.
24 error This is probably not a problem with npm. There is likely additional logging output above.
25 verbose exit [ 1, true ]

在使用vue create 创建的新创建的 Vue 项目中也会出现同样的错误。

似乎 npm 正在尝试全局而不是在 node_modules 中本地查找依赖包,因为我可以通过手动选择本地 node_module .bin 中的脚本来运行服务,如下所示:

./node_modules/.bin/vue-cli-service serve

然后它完美启动,没有任何故障,所以安装的 node_modules 等没有问题。我从昨天开始尝试修复此问题,但没有任何结果。我找到了清除 npm 缓存、删除本地 node_modules 和 package-lock.json 的提示,但它根本不起作用。我什至在我的 Mac 上重新安装了 CLT。

我的 npm 发生了什么?为什么它似乎在我的全局 node_module 中寻找依赖项?

感谢任何类型的提示,因为我已经用尽了大部分选择。

【问题讨论】:

您找到解决方案了吗? 不幸的是,没有。由于这个问题出现在我的个人笔记本电脑上并且我一直在使用我的工作笔记本电脑,因此它已被搁置。 @susie 它再次为我工作,检查我的答案,看看我所做的是否对你有帮助。 【参考方案1】:

我更新了 Node、NPM、我所有的全局节点模块,运行了 brew update,重新安装了 xcode:sudo rm -rf /Library/Developer/CommandLineTools 然后 xcode-select --install,它似乎又可以工作了。

同样的错误也出现在使用 vue create 创建的新制作的 Vue 项目中。

使用 @vue/cli 创建了一个新的 vue 项目,我能够运行 npm run serve。希望这对面临此问题的其他人有所帮助。

【讨论】:

以上是关于npm run serve 给出错误 sh: vue-cli-service: command not found in Vue Cli app的主要内容,如果未能解决你的问题,请参考以下文章

vue执行npm run serve卡死

vue工程npm run serve时启动报:Cannot read property 'range' of null 错误

Vue:添加断开的链接时,npm run serve 崩溃

使用 vue/cli 运行 npm run serve 时出现问题

vue项目启动时,npm run serve 和 npm run dev 的区别

vue项目启动时,npm run serve 和 npm run dev 的区别