如何解决“vue-cli-service”不被识别为内部或外部命令?
Posted
技术标签:
【中文标题】如何解决“vue-cli-service”不被识别为内部或外部命令?【英文标题】:How to solve 'vue-cli-service' is not recognized as an internal or external command? 【发布时间】:2020-02-23 01:33:27 【问题描述】:我在尝试运行 npm run serve
时遇到错误。起初我安装了 node.js,然后安装了 vue 和 vue/cli。
但是,当我尝试将服务器作为 -> npm run serve 运行时,我收到了错误,例如“vue-cli-service”不被识别为内部或外部命令。
我使用以下代码进行安装:
npm install -g vue npm install -g @vue/cli有人可以指导我如何解决这个问题吗?
【问题讨论】:
尝试在npm run serve
之前运行npm install
。
npm install -g @vue/cli-service
【参考方案1】:
我认为你在 windows 中使用cmd
。
尝试删除 node_modules
文件夹,然后从 cmd 运行 npm i
。
然后尝试再次运行npm run serve
,看看这次是否有效
【讨论】:
@Sakib 不删除 node_modules,它对我有用。谢谢 完成所有步骤,当 cmd 使用 npm run serve 时出现错误 'vue-cli-service' is not识别为内部或外部命令、可运行程序或批处理文件。 'vue-cli-service' 不是内部或外部命令、可运行程序或批处理文件。 npm 错误!代码 ELIFECYCLE npm 错误! errno 1 npm 错误! smb-inseego@0.1.0 服务:vue-cli-service serve
npm ERR!退出状态 1 npm ERR! npm 错误! smb-inseego@0.1.0 服务脚本失败。 npm 错误!这可能不是 npm 的问题。上面可能有额外的日志输出。 npm 错误!可以在以下位置找到此运行的完整日志:npm ERR! C:\Users\CC\AppData\Roaming\npm-cache_logs\2020-03-27T16_32_39_297Z-debug.log
尝试安装vue-cli-service
运行npm install -g @vue/cli
然后运行npm run serve
也为我工作,在我的情况下,当我在两个分支 (git) 之间错误地切换并留下一些更改时,就出现了这个问题。【参考方案2】:
全局安装 vue/cli-service
npm install @vue/cli-service -g
这将安装global npm package。
@vue/cli-service
通常作为全局安装,因为您通常不会将这些类型的包复制到每个项目中。
如果全局 npm 包损坏,它不会存储在 node_modules
文件夹中,而是存储在其他取决于操作系统的文件夹中。因此删除 node_modules 没有帮助。全局 node_modules 文件夹的位置是
%USERPROFILE%\AppData\Roaming\npm\node_modules
(Win10) 或
/usr/local/lib/node_modules
(Linux),
查看this stack overflow post,了解如何定位全局包。
【讨论】:
就我个人而言,这是唯一有帮助的答案 这里也一样..还有***.com/questions/53712893/…【参考方案3】:这取决于你使用的包管理器
删除 node_modules
如果您使用 yarn,请运行 yarn
或 yarn install
,然后运行 yarn serve
如果您使用的是 npm,请运行 npm install
,然后运行 npm run serve
【讨论】:
【参考方案4】:就我而言,包@vue/cli-service
安装在我的本地node_modules 环境中,而不是我的全局环境中,因此它不能用作命令。我输入.\node_modules\.bin\vue-cli-service serve
就可以了。
【讨论】:
【参考方案5】:正如终端中提到的,你的项目中缺少 node_modules,所以你不能直接使用 npm run serve,首先你必须执行 npm install 然后npm run serve。它会正常工作
【讨论】:
这解决了我在构建 ESP32 项目时遇到的类似问题,restful_server。 npm install,然后 npm run build 项目会在 dist 文件夹出现后编译。【参考方案6】:在我的例子中,我在 GitBash 中运行了以下命令,它运行良好
npm install
npm run serve
【讨论】:
【参考方案7】:-
如果您在 windows 中使用 cmd。
删除 node_modules 文件夹,然后运行 npm istall from
cmd。
运行 npm run serve 看看这次是否有效
【讨论】:
【参考方案8】:这个问题主要发生在@vue/cli 没有安装或者大多数情况下,
@vue/cli 已经安装并且你正在处理一个项目并且正在运行
yarn serve
或 npm run serve
。
大多数时候,这个问题是由损坏的依赖关系引起的。 要解决此问题,请简单运行
yarn install
或 npm install
取决于您的包管理器。
【讨论】:
【参考方案9】:在尝试了上述所有解决方案之后,它仍然没有为你工作,那么你可能在你的 Vue 项目的完整目录中有一个愚蠢的空间,就像我的例子一样。所以删除那个空间,它会从那时起工作。
【讨论】:
【参考方案10】:记得设置 NODE_ENV=development 并再次运行 npm install
【讨论】:
【参考方案11】:我在 Windows 中也遇到过同样的问题。然后
首先我删除了node_module。然后我运行npm install
。
【讨论】:
【参考方案12】:对于 Windows,您应该将 package.json 修改为:
"scripts":
"serve": "vue-cli-service.cmd serve",
"build": "vue-cli-service.cmd build",
"lint": "vue-cli-service.cmd lint"
,
【讨论】:
【参考方案13】:我在使用 windows + WSL2 (Ubuntu 20.04) 时遇到了同样的问题。查看尝试运行 npm i
后生成的日志,我注意到我的 WSL2 环境 did 没有安装 python2。所以为了解决我运行了以下命令:
sudo apt-get install python2
rm -rf node_modules
npm i
npm run serve
【讨论】:
【参考方案14】:我在 Windows 中遇到了同样的情况。不得不再次运行 npm install 。然后它完美地工作了。
【讨论】:
【参考方案15】:在我的情况下,我检查了 node_modules 的文件夹是否丢失。我正在使用 Windows。所以我在 cmd 中运行它。
-
npm 安装
npm 运行服务
然后我像往常一样在 localhost 中检查它。
【讨论】:
【参考方案16】:等等,@vue/cli 和 @vue/cli-service 有什么区别?当您同时安装两者时,它们显示安装的软件包数量不同。后者实际上解决了我的问题,但每个人都在说安装 @vue/cli。
【讨论】:
【参考方案17】:尝试将项目路径更改为不带空格的路径,它适用于 Windows 10
【讨论】:
【参考方案18】:我有一个项目,我可以在 Linux 上很好地运行它,但我在 Windows 上也有同样的问题,我用这种方式解决了它(我希望它也能在你的情况下工作):
删除节点模块
使用npm i
再次安装
【讨论】:
这在其他一些答案中已经提到过。 在回答已有答案的旧问题时,请确保提供新颖的解决方案或比现有答案更好的解释。以上是关于如何解决“vue-cli-service”不被识别为内部或外部命令?的主要内容,如果未能解决你的问题,请参考以下文章
解决:‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件
如何在 HTTP-2 上使用 Vue-CLI-service 服务?