logo标签列表

在运行 "npm run dev" 时，vite未被识别。

node.jsnpmvite
78
我第一次使用Node.js和npm，我正在尝试让Vite工作，按照教程和文档进行操作。但是每次都遇到了问题：“'vite'不被识别为内部或外部命令、可执行程序或批处理文件”。我已经尝试了4个小时来寻找解决方案，但没有任何结果。
我尝试重新启动电脑，重新安装node.js，以及多种创建vite项目的方法，但都无济于事。我想这可能是我作为初学者的错误，但我真的不知道该怎么办了。
以下是我尝试创建vite项目时运行的命令和响应：
npm create vite@latest
>> my-portfolio >> vanilla & vanilla
cd my-portfolio
npm install >>resp: up to date, audited 1 package in 21s found 0 vulnerabilities
npm run dev
resp:
> my-portfolio@0.0.0 dev
> vite

'vite' is not recognized as an internal or external command,
operable program or batch file.
1
你的 PATH 变量中是否包含 vite 可执行文件？ - OneCricketeer
1
@OneCricketeer 我该如何检查并可能修复这个问题？ - MaN8fy
1
打开控制面板并检查您的环境变量。这个错误与npm无关。 - OneCricketeer
1
@OneCricketeer 我认为vite不应该在路径中。npm run dev应该使用安装在项目中的vite版本。 在路径的其他位置使用不同的版本可能会导致问题。 如果不是针对此项目，则可能会针对其他项目。 - Jason Goemaat
24个回答
118
尝试安装所需的软件包以使其正常运行。
npm install

或者

npm i
1
它可以解决“sh: vite: command not found”问题。 - CN_Cabbage
2
但首先我们需要确保在 package.json 文件的 devDependencies 下添加了 Vite：**"vite": "^4.0.0"**。 - shasi kanth
38
在项目的当前工作目录下，使用以下命令来解决这个错误。
npm install
npm run dev

首先，尝试安装一个Node包管理器，然后运行npm run dev，希望这样能够起作用。

7
使用以下命令安装依赖项。
npm install

或者

yarn install

如果你想手动添加vite，请使用以下命令。
npm i vite

或者

yarn add vite

在项目文件夹中，使用以下命令运行代码。
npm run dev

或者

yarn dev
这对我有效，我不知道有多少人遇到了这个问题，但他们肯定可以尝试这段代码，但我们可以更简单地实现，比如在创建vite项目后，只需执行一件事“yarn add vite”，然后“yarn dev”就可以了。愉快的编码。 - NAYMUR
7
5

对我来说，我在一台电脑上创建了一个项目，并且在devDependencies中添加了以下内容：

"vite": "^3.1.0"

我运行了pnpm install，它报告一切正常，但我仍然遇到错误。我运行了pnpm install vite，它再次安装了它并显示如下：

"vite": "^3.1.8"

之后它正常工作了。因此，请尝试再次使用npm、yarn或pnpm安装vite包，看看是否可以解决问题。

3
yarn add vite

在项目文件夹中添加Vite，并运行

npm run dev

再次提醒：

  • 请记得将您的Node版本更新至18，LTS。17可能不支持此安装。

更新：

我尝试重新安装我的Laravel 9.19，因为我已经将我的Node升级到18版，npm install & npm run dev可以很好地运行，无需使用yarn。

那个更新信息很有帮助 npm install & npm run dev。谢谢 @irvine48。 - mann
谢谢，这对我很有帮助。实际上，我正在使用Vite创建React前端，然后第二天遇到了这个问题，感谢您分享您的答案。 - Asadullah AbdulJabbar
3

以下代码完全正常运行！

npx vite build
npm i
npm run dev
你的回答可以通过提供更多支持信息来改进。请编辑以添加进一步的细节，例如引用或文档，以便他人可以确认你的答案是正确的。您可以在帮助中心找到有关如何编写良好答案的更多信息。 - Community
谢谢，你的回答帮助我解决了这个错误。 - vially
1
如果没有安装vite，第一步该如何进行？ - General Grievance
3
首先将vite安装为开发依赖项
npm i vite@latest -D

npm run dev
2
请记住，Stack Overflow 不仅仅是为了解决当前的问题，还要帮助未来的读者找到类似问题的解决方案，这需要理解底层代码。对于我们社区中的初学者来说，这一点尤为重要，因为他们可能不熟悉语法。鉴于此，请问您能否编辑您的答案，包括对您所做的操作进行解释以及为什么您认为这是最佳方法？ - Tyler2P
即使是一个简单的解释，比如“首先将vite安装为开发依赖”，都会更好。 - General Grievance
2
尝试运行命令npm install，然后再运行npm run build。
1

需要安装 package.json 中的所有包并重新运行

npm i
npm run dev
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接