使用 vue-cli 找不到命令

【问题标题】：Command not found with vue-cli使用 vue-cli 找不到命令
【发布时间】：2018-12-12 19:12:14
【问题描述】：

安装vue-cli的依赖时，vue没有被识别。为什么？

【问题讨论】：

标签： npm vue.js vue-cli


【解决方案1】：

如果您已经有了一个项目，您只需要做两件事：

  1. 删除目录node_modules（安全，因为不在git下，下一步会重新生成）
  2. 在命令行中写yarn install（它会安装你需要的一切）

如果您开始在现有项目中手动安装 vue-cli，则 package.json 和 package-lock.json 将被更新。如果你已经这样做了。从 git 结帐，然后按照我上面的步骤操作

【讨论】：

    【解决方案2】：

    为了解决这种情况，我必须在我的.zshrc 中添加以下行（在您的情况下可能是.bashrc）

    export PATH="$(yarn global bin):$PATH"

    实际上，yarn global bin 是放置 vue (vue-cli 3) 的文件夹。

    【讨论】：

    【解决方案3】：

    我在为生产进行构建时遇到了同样的问题。

    您需要安装 vue-cli。使用以下命令安装最新版本。

    npm install -g @vue/cli@latest

    然后

    npm install

    【讨论】：

    • 不要使用 sudo 通过 npm 安装任何东西，不要鼓励人们这样做！
    【解决方案4】：

    如果您运行 WSL2 并且像我一样使用 zsh，只需添加

    yarn global add @vue/cli

# add this line to ~/.zshrc
export PATH="$HOME/.yarn/bin:$PATH"

$ vue --version
@vue/cli 4.x.xx

    【讨论】：

      【解决方案5】：

      您需要通过 sudo 安装 vue，如文档中所述： https://cli.vuejs.org/guide/installation.html

      【讨论】：

        【解决方案6】：

        以下对我有用：

        首先删除所有现有的：

        yarn global remove @vue/cli
yarn global remove @vue/cli-service
sudo yarn global remove @vue/cli
sudo yarn global remove @vue/cli-service

        然后使用sudo添加@vue/cli：

        注意：如果需要，请使用sudo

        yarn global add @vue/cli

        yarn global add @vue/cli-service

        然后，最后要做的是重新启动终端。

        vue --version
@vue/cli 4.5.9

        【讨论】：

          【解决方案7】：

          我遇到了同样的问题，现在解决了。在我的例子中，我使用默认的 Ubuntu 存储库安装了 Node.js 和 NPM，使用这个命令 sudo apt-get install nodejs npm

          问题似乎是这两个包没有得到很好的维护，所以导致了一些错误。

          所以我purge 这些软件包并从nodesource 重新安装它，这是官方推荐的安装方式（参考：Installation instruction from nodesource）使用这些命令。

          curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

          然后再次重新安装@vue/cli

          sudo npm install -g @vue/cli

          现在这些问题已经解决了。希望对一些程序员有所帮助。

          【讨论】：

            【解决方案8】：

            我在我的 Ubuntu 机器上使用 yarn global add @vue/cli 安装了该软件包，并在 /home/vonkad/.yarn/bin 中找到了二进制文件。

            我不得不修改我的/home/vonkad/.bashrc 并将目录添加到路径export PATH=$PATH:/home/vonkad/.yarn/bin。

            【讨论】：

              【解决方案9】：

              我有一段时间遇到同样的问题。

              TL;DR

               npm install @vue/cli-service --save-dev

              正如文档中指定的那样，它是一个开发依赖项https://cli.vuejs.org/guide/#cli-service

              CLI 服务 (@vue/cli-service) 是一个开发依赖项。它是一个本地安装到 @vue/cli 创建的每个项目中的 npm 包。

              起源

              我全新安装了 nodejs 刚刚做了

              >> sudo npm install -g @vue/cli@latest

>> vue --version
@vue/cli 4.5.8

              问题

              这样提出的问题

              >> npm run serve
yarn run v1.22.10
$ vue-cli-service build --mode development --watch
/bin/sh: 1: vue-cli-service: not found
error Command failed with exit code 127.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

              修复：

              npm install @vue/cli-service --save-dev

              这导致我直接看到另一个错误消息

              >> npm run serve
yarn run v1.22.10
$ vue-cli-service build --mode development --watch
ERROR  Error: Cannot find module 'vue-template-compiler/package.json'

              我用同样的方法修复了

              npm i vue-template-compiler --save-dev

              现在它工作正常。

              【讨论】：

                【解决方案10】：

                什么帮助了我

                带有 zsh 终端的 mac os catalina

                1. 使用https://www.positronx.io/how-to-uninstall-node-js-and-npm-from-macos/卸载节点和npm
                2. 从https://nodejs.org/en/download/current/下载节点/npm
                3. sudo npm install -g @vue/cli
                4. vue --version (@vue/cli 4.5.4)

                【讨论】：

                  【解决方案11】：

                  在 jenkins 中部署 vue 项目时遇到类似问题。

                  这是我所做的：

                  将节点的bin/ 目录添加到jenkins 用户的.bashrc 文件中。

                  例如

                  # node
NODE_HOME=/home/dev/.nvm/versions/node/default
PATH=$NODE_HOME/bin:$PATH

                  提示 - 关于nvm & yarn

                  • 当您通过nvm 管理节点版本时，请确保您已经在终端中选择了节点版本。例如：
                    nvm use stable
                    node -v
                  • 如果你使用nvm，并且通过npm安装了yarn，那么最好通过npm而不是yarn安装vue-cli，否则vue可执行文件不会被放入节点的bin/目录中，至少是这样在我的测试中出现这种情况，结果会导致你找不到vue 命令。

                  【讨论】：

                    【解决方案12】：

                    安装时在yarn前加sudo

                    • yarn global remove @vue/cli
                    • sudo yarn global add @vue/cli
                    • vue

                    【讨论】：

                    • 我不敢相信这个答案有 38 票。切勿将 sudo 与 yarn 或 npm 一起使用。这是个坏主意。
                    • @NimeshkaSrimal 我认为他们只是在寻找“正常工作”的解决方案。当然他们将来会面临权限问题。
                    • @NimeshkaSrimal 你能解释一下原因以便我们学习吗？
                    • @Bryan：这很简单：npm 可以轻松引入数百个模块，甚至数千个模块。如果您安装这些授予 root 权限的权限，您可以轻松安装恶意脚本而不会引起注意。使用sudo 似乎是一个简单的出路——而且确实如此——如果你根本不关心安全性的话。不幸的是（并且令人惊讶），许多开发人员对此并不关心（正如我们从这个线程中看到的那样，至少有一半的 cmets 建议使用 sudo！）。如果我妈妈不在乎，我不会介意，但阅读此线程的人是开发人员。他们应该知道得更多！
                    • medium.com/@ExplosionPills/dont-use-sudo-with-npm-5711d2726aa3
                    【解决方案13】：

                    在 Ubuntu 上使用 Yarn 将其安装到 ~/.npm-packages/bin/。您必须将此目录添加到您的PATH。例如运行以下命令，关闭终端并打开一个新终端。

                    user@machine:~$ echo 'export PATH="$PATH:~/.npm-packages/bin/"' >> ~/.bashrc

                    注意：如果文件 ~/.bashrc 不存在，则只需创建它。

                    【讨论】：

                    • 我在~/.yarn/bin/找到了我的二进制文件（不是在~/.npm-packages/bin/），通过运行yarn global bin进行检查。
                    • 请注意：在.bashrc 文件中添加行将在下次登录时开始工作。因此，您必须重新登录才能使其正常工作或手动执行export PATH="$PATH:~/.yarn/bin/。
                    【解决方案14】：

                    我通过运行解决了我的问题（如果需要，添加 sudo）

                    • npm i -g vue-cli@2.9.6
                    • npm i -g @vue/cli

                    【讨论】：

                    • 这里同上：不要使用sudo 安装任何带有npm 的东西，也不要鼓励人们这样做！
                    【解决方案15】：

                    当你使用 cli 安装 vue 时，你得到了 vue 的路径。现在你可以复制 bin 文件夹路径。
                    在我的示例中 /home/sublime/.npm-packages/bin

                    现在你导出命令下面的路径

                    export PATH=$PATH:/home/sublime/.npm-packages/bin

                    【讨论】：

                      【解决方案16】：

                      这解决了我的问题：

                      运行后

                      sudo npm install -g @vue/cli

                      我跑了

                      sudo nano $HOME/.profile

                      并粘贴以下行

                      export PATH=$PATH:/home/chike/.npm-global/bin

                      写完代码，接下来我做的是Ctrl + O、ENTER和Ctrl + X然后写了

                      vue init webpack myapp

                      【讨论】：

                        【解决方案17】：

                        可能与您的计算机上有旧版本有关：

                        关于以前版本的警告

                        包名从 vue-cli 更改为 @vue/cli。如果你已经全局安装了之前的 vue-cli（1.x 或 2.x）包，你需要先卸载它 npm uninstall vue-cli -g 或 yarn global remove vue-cli。

                        你可以在这里找到它：https://cli.vuejs.org/guide/installation.html

                        【讨论】：

                          【解决方案18】：

                          安装当前版本而不永久安装 vue-cli。

                          npx @vue/cli create appname

                          【讨论】：

                            【解决方案19】：

                            我遇到了同样的错误，因为没有安装 Node.js。通过使用以下命令安装Node.js，我的问题得到了解决：

                            sudo apt install nodejs-legacy

                            要查看您是否已经安装了 Node.js 和 npm 并检查安装的版本，请运行以下命令：

                            node -v
npm -v

                            如果两者都安装了，请按照以下步骤操作： https://docs.npmjs.com/resolving-eacces-permissions-errors-when-installing-packages-globally

                            【讨论】：

                              【解决方案20】：

                              rm -rf node_modules 和 npm install 再次 have a look here

                              【讨论】：

                                【解决方案21】：

                                它显示 vue 可执行文件位于/home/alisha/.local/bin。因此，您的$PATH 中可能不存在此位置。

                                如果您提供完整路径，您应该能够运行 vue 命令，例如：

                                ~/.local/bin/vue create hello-world

                                您还可以通过运行以下命令来查看该目录是否在您的 PATH 中：

                                echo $PATH | grep '.local/bin/'

                                如果它在那里，你会看到它，否则你可以通过将它放在你的 ~/.profile 中来将它添加到你的路径中。

                                编辑~/.profile 并在其底部添加以下内容。

                                PATH="$HOME/.local/bin:$PATH"

                                希望对你有帮助！！

                                【讨论】：

                                • 他们的指导方针很好，对我来说只改变了本地：~/.npm-global/bin/
                                • 编辑.profile后运行source ~/.profile更改在当前终端上生效
                                【解决方案22】：

                                你可以试试下面的代码安装看看

                                npm install --global vue-cli
vue init webpack <YOUR-PROJECT-NAME-HERE>
cd <YOUR-PROJECT-NAME-HERE>
npm install
npm run dev

                                【讨论】：

                                • 这是建议安装旧版本的vue-cli，而原帖是关于vue-cli 3
                                猜你喜欢
                                • 2019-08-02
                                • 2020-02-14
                                • 2021-12-23
                                • 2019-10-03
                                • 2021-02-05
                                • 2019-01-28
                                • 2019-06-12
                                • 1970-01-01
                                • 2020-05-31
                                相关资源
                                最近更新 更多
                                热门标签
                                Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode