如何解决“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,请运行 yarnyarn 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 servenpm run serve

大多数时候,这个问题是由损坏的依赖关系引起的。 要解决此问题,请简单运行

yarn installnpm 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”不被识别为内部或外部命令?的主要内容,如果未能解决你的问题,请参考以下文章

sftp命令不被识别

解决:‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件

vue-cli-service 报错

如何在 HTTP-2 上使用 Vue-CLI-service 服务?

Vue.js:如何防止 `vue-cli-service --modern` 构建遗留​​包?

如何修复 vue-cli-service 漏洞?