如何解决 'vue-cli-service' 不被识别为内部或外部命令?

How to solve 'vue-cli-service' is not recognized as an internal or external command?

我在尝试 运行 npm run serve 时遇到错误。一开始我安装了 node.js 然后 vue 以及 vue/cli。 但是当我尝试 运行 server as -> npm 运行 serve 时,我收到错误消息,例如 'vue-cli-service' is not recognized as an internal or external command.

我使用以下代码进行安装:

npm install -g vue
npm install -g @vue/cli

有人可以指导我如何解决这个问题吗?

我认为您在 windows 中使用 cmd

尝试删除 node_modules 文件夹,然后从命令中删除 运行 npm i

然后再尝试运行ning npm run serve,看看这次是否有效

在我的例子中,@vue/cli-service 包安装在我的本地 node_modules 环境中,但不是我的全局环境,因此它不能用作命令。我输入 .\node_modules\.bin\vue-cli-service serve 并且有效。

因为在终端中提到你的项目中缺少 node_modules,所以你不能直接使用 npm 运行 serve,首先你必须执行 npm install 然后执行 npm 运行 serve。它将正常工作

全局安装vue/cli-service

npm install @vue/cli-service -g

这将安装 global npm package

@vue/cli-service 通常作为全局安装,因为您通常不会将这些类型的包复制到每个项目。

如果全局 npm 包损坏,它不会存储在 node_modules 文件夹中,而是存储在其他文件夹中,具体取决于 os。因此删除 node_modules 没有帮助。全局 node_modules 文件夹的位置是

  • %USERPROFILE%\AppData\Roaming\npm\node_modules (Win10) 或
  • /usr/local/lib/node_modules (Linux),

检查 this stack overflow post 如何定位全局包。

这取决于您使用的包管理器

  1. 删除node_modules

  2. 如果您使用的是 yarn 运行 yarnyarn install 然后 yarn serve

  3. 如果你使用 npm 运行 npm install 然后 npm run serve

在我的例子中,我 运行 在 GitBash 中执行以下命令并且它运行良好

  1. npm install
  2. npm run serve

我在 windows 遇到过同样的问题。然后 首先我删除了node_module。然后我运行npm install.

  1. 如果您在 windows 中使用 cmd。
  2. 删除 node_modules 文件夹,然后 运行 npm istall 来自 命令。
  3. 运行 npm 运行 serve 看看这次能不能用

对于Windows,您应该将package.json修改为:

  "scripts": {
    "serve": "vue-cli-service.cmd serve",
    "build": "vue-cli-service.cmd build",
    "lint": "vue-cli-service.cmd lint"
  }

,

我在使用 windows + WSL2 (Ubuntu 20.04) 时遇到了同样的问题。查看尝试 运行 npm i 后生成的日志,我注意到我的 WSL2 环境 did 没有安装 python2。所以要解决我 运行 以下命令:

  1. sudo apt-get install python2
  2. rm -rf node_modules
  3. npm i
  4. npm run serve

我在 Windows 遇到了同样的情况。不得不 运行 npm 再次安装。然后完美运行。

就我而言,我检查过 node_modules 的文件夹丢失了。我正在使用 Windows。所以我 运行 在 cmd.

  1. npm 安装
  2. npm 运行 服务

然后我像往常一样在本地主机上查看它。

此问题主要发生在未安装@vue/cli 或大多数情况下,

@vue/cli is already installed and you are currently working on a project and when running

  • yarn servenpm run serve.

大多数情况下,此问题是由损坏的依赖项引起的。 要解决这个问题,简单 运行

  • yarn installnpm install

取决于您的包管理器。

等等,@vue/cli 和@vue/cli-service 有什么区别?当您同时安装两者时,它们会显示不同数量的已安装软件包。后者实际上解决了我的问题,但每个人都在说 install @vue/cli.

好吧,在尝试了上述所有解决方案之后,它仍然对您不起作用,那么您的 Vue 项目的完整目录中可能有一个愚蠢的 space,就像我的情况一样。所以删除那个space,它会从那时起工作。

记得再次设置 NODE_ENV=development 和 运行 npm install

我有一个项目,我可以 运行 在 Linux 上很好地完成,但我在 windows 上有同样的问题,我这样解决了(我希望你的情况它也有效):

  1. 删除node_modules

  2. 重新安装npm i

尝试将项目路径更改为不带空格的路径,它在 windows 10

上有效

就我而言,卸载 package-lock.json 然后 npm i

就足够了