【问题标题】:How to solve 'vue-cli-service' is not recognized as an internal or external command?如何解决“vue-cli-service”不被识别为内部或外部命令?
【发布时间】: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

标签: vue.js vue-cli-3


【解决方案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,了解如何定位全局包。

【讨论】:

【解决方案3】:

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

  1. 删除 node_modules

  2. 如果您使用 yarn,请运行 yarnyarn install,然后运行 ​​yarn serve

  3. 如果您使用的是 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 中运行了以下命令,它运行良好

      1. npm install
      2. npm run serve

      【讨论】:

        【解决方案7】:
        1. 如果您在 windows 中使用 cmd。
        2. 删除 node_modules 文件夹,然后运行 ​​npm istall from cmd。
        3. 运行 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。所以为了解决我运行了以下命令:

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

                    【讨论】:

                      【解决方案14】:

                      我在 Windows 中遇到了同样的情况。不得不再次运行 npm install 。然后它完美地工作了。

                      【讨论】:

                        【解决方案15】:

                        在我的情况下,我检查了 node_modules 的文件夹是否丢失。我正在使用 Windows。所以我在 cmd 中运行它。

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

                        然后我像往常一样在 localhost 中检查它。

                        【讨论】:

                          【解决方案16】:

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

                          【讨论】:

                            【解决方案17】:

                            尝试将项目路径更改为不带空格的路径,它适用于 Windows 10

                            【讨论】:

                              【解决方案18】:

                              我有一个项目,我可以在 Linux 上很好地运行它,但我在 Windows 上也有同样的问题,我用这种方式解决了它(我希望它也能在你的情况下工作):

                              1. 删除节点模块

                              2. 使用npm i再次安装

                              【讨论】:

                              • 这在其他一些答案中已经提到过。 在回答已有答案的旧问题时,请确保提供新颖的解决方案或比现有答案更好的解释。
                              猜你喜欢
                              • 2021-06-12
                              • 2017-07-12
                              • 2019-10-21
                              • 2020-07-07
                              • 1970-01-01
                              • 1970-01-01
                              • 2021-09-15
                              • 2021-02-08
                              • 1970-01-01
                              相关资源
                              最近更新 更多