vite 项目运行时出错：‘vite‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。

最新推荐文章于 2024-03-23 22:17:11 发布
最新推荐文章于 2024-03-23 22:17:11 发布
阅读量4.5k 收藏 1
点赞数 1
分类专栏： 遇见Bug_Vuejs 文章标签： 前端 vue.js npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53810245/article/details/129684767
版权

文章目录

报错

在这里插入图片描述

分析

因为使用vite创建vue3.0项目的时候，vite不会自动帮助我们install相关的依赖，需要我们手动去安装，然后我去项目的node_modules目录里面查看，果然什么都没有

所以说出现这个问题的原因是：缺少安装依赖这一步！ vite不像node或cli，会自动帮助我们执行npm i (install)命令去下载相关依赖，需要我们手动下载

解决

安装依赖

npm install

再次运行

npm run dev

在这里插入图片描述

博客zhu虎康
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vite-svg-loader:Vite 2.x插件可将SVG文件作为Vue组件加载
05-13
Vite SVG装载机 Vite 2.x插件可将SVG文件作为Vue组件加载。 < template> < MyIcon> </ template> < script setup > import MyIcon from ' ./my-icon.svg ' </ script > 安装 npm install vite-svg-loader --save-dev 设置 vite.config.js import svgLoader from 'vite-svg-loader' export default { plugins : [ vue ( ) , svgLoader ( ) ] } 与TypeScript一起使用 如果在Typescript项目中使用加载程序，则可能会收到类似Type 'string' is not assignable to type 'Compo
vite-cli:Vite实现原理
05-31
vite-cli Vite实现原理 vite概念 vite是一个面向现代浏览器的一个更轻、更快的Web应用开发工具 它基于ECMAScript标准原生模块系统（ES Modules）实现 vite项目依赖 vite @vue/compiler-sfc 基础使用 vite serve 是一个用于启动web开发的服务器，启动服务器的时候不需要编译所有的代码文件，启动非常快 Vite build Rollup Dynamic import Polyfill vite核心功能 静态Web服务器 编译单文件组件 拦截浏览器不识别的模块，并处理 HMR vite HMR 立即编译当前所修改的文件 Webpack HMR 会自动以这个文件为入口重写build一次，所有的涉及到的依赖也都会被加载一遍 vite特性 快速冷启动 模块热更新 按需编译 开箱即用 TypeScript-内置支持 less/sas
‘vite‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。 ELIFECYCLE Command failed with exit code 1.【问题解决】
最新发布
nanke_yh的博客
03-23 1229
下载的工程代码中node_modules中的依赖库存在改变，导致不能执行。'vite' 不是内部或外部命令，也不是可运行的程序或批处理文件。2、执行pnpm i （这个可能和自己电脑上是否安装有关吧）3、再次执行pnpm run dev即可以了。1、删除node_modules文件夹。
electron-vite-quick-start:全栈使用 Vite 运行 Electron 应用程序，包括主进程
07-24
该项目已被收录到。 Electron-vite-快速启动 :high_voltage: 全栈使用 Vite来运行 Electron 应用程序，包括主进程。 :light_bulb: 项目使用管理，因此推荐使用Yarn作为包管理工具。 快速使用 # Clone this repository $ git clone https://github.com/yingpengsha/electron-vite-quick-start.git # Go into the repository $ cd electron-vite-quick-start # Install dependencies $ yarn install # Run the app $ yarn run start 建造 $ yarn run build 去做 执照
vite-vue-ts-admin-template:vue3 +打字稿+ vite管理模板
04-10
vite-vue-ts-admin-template 总览 这是一个极简的 vue typescript vite admin 管理后台。它只包含了 element-plus & axios & svgicon & permission control & lint，这些搭建后台必要的东西。 相关项目 如何设置以及启动项目 安装依赖 npm install 启动本地开发环境 npm run dev 构建生产环境 npm run build 预览发布环境效果 npm run serve 代码格式检查以及自动修复 npm run lint License
在终端使用npm run dev时，Vscode报错‘vite‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
m0_44969266的博客
11-13 2097
*解决方法：**在Vscode终端输入：npm install -g vite。下载成功后即可运行npm run dev命令。
‘vite‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
定期分享我的发现和想法，感谢你的陪伴和支持
07-28 2万+
'vite' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
‘vite‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件
m0_67402013的博客
03-06 5273
运行一个由 Vite 构建的 Vue3 项目，之前还好好的能正常跑，但拉取新代码之后再次执行 npm run dev 就提示 ‘vite’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 百思不得其解，最终解决方案如下： 1、删除 node_modules 文件夹 和 package-lock.json 文件 2、重新执行 npm i 安装依赖 3、npm run dev 启动项目 ...
【各种**问题系列】‘vite’ 不是内部或外部命令，也不是可运行的程序或批处理文件
范同学的学习历程
01-09 1万+
所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像 node 或 vue cli，会自动帮助我们执行 npm i (install) 命令去下载相关依赖，需要我们手动下载。使用vite创建vue3.0项目的时候，vite不会自动 install 相关的依赖，需要我们手动去安装。进入项目的node_modules目录里面查看，什么都没有！
‘vite’ 不是内部或外部命令，也不是可运行的程序或批处理文件
qq_47902937的博客
07-07 964
所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像 node 或 vue cli，会自动帮助我们执行 npm i (install) 命令去下载相关依赖，需要我们手动下载。使用vite创建vue3.0项目的时候，vite不会自动 install 相关的依赖，需要我们手动去安装。注意：如果已经下载好了node_modules报出这位问题 可以尝试将整个node_modules删除在执行npm i下载全新依赖 重新执行npm run dev（serve）就好了。
解决vue: 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称…
01-20
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路 径，请确保路径正确，然后再试一次。 所在位置 行:1 字符: 1 vue –version CategoryInfo : ObjectNotFound:...
'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件
会飞De琥珀
09-27 3万+
vue及vue/cli安装命令 npm install -g vue npm install -g @vue/cli-init 解决无法执行vue.exe.的问题 npm config list 打开如图目录,确保安装成功 把目录加入环境变量 问题解决 ...
＞ [email protected] dev ＞ vite
qq_52847866的博客
06-21 9803
如果你已经尝试过安装 “vite”，但仍然遇到问题，可能是由于安装过程中的某些错误。你可以尝试重新安装 “vite” 或清除 npm 缓存，并再次运行安装命令。如果你已经安装了 “vite”，但仍然无法找到命令，可能是由于环境变量配置不正确。确保你的环境变量中包含正确的路径，以便系统能够找到 “vite” 的可执行文件。这个错误提示表明在你的计算机上找不到名为 “vite” 的命令或程序。时，它实际上是在尝试执行名为 “vite” 的命令，但无法找到该命令。请检查这些原因，并尝试采取适当的步骤解决问题。
解决vite不是内部或外部命令，也不是可运行的程序 或批处理文件。
热门推荐
见证自己学习,成长的记录
12-06 7万+
今天是要vite创建vue3.0项目的时候，到了最后一步npm run dev的时候出现了以下错误：如下图所示想了半天，调试了很久，本来以为是环境的问题，是不是没有缺少哪些配置但是查了资料发现，如果是使用vite创建vue3.0项目的时候，vite不会自动帮助我们install相关的依赖，需要我们手动去安装，想到这里恍然大悟然后我去项目的node_modules目录里面查看，果然什么都没有所以说出现这个问题的原因是：缺少安装依赖这一步！ vite不像node或cli，会自动帮助我们执行npm i (inst
vite不是内部或外部命令
1daynes的博客
03-21 9466
"vite" 是一个现代化的前端开发构建工具，它使用 JavaScript 编写并运行于 Node.js 环境中。如果你在命令行中输入 "vite" ，但是出现了 "vite不是内部或外部命令" 的错误提示，可能是因为你没有全局安装 Vite 或者你的系统环境变量 PATH 没有包含 Vite 的安装路径。如果依然出现同样的错误提示，检查一下系统环境变量 PATH 中是否包含了 Vite 的安装路径，如果没有，手动添加即可。如果全局安装成功，尝试重新运行命令行并输入。命令看是否能够正常执行；
‘vite’ 不是内部或外部命令，也不是可运行的程序或批处理文件问题解决
qq_47902937的博客
07-07 1150
所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像 node 或 vue cli，会自动帮助我们执行 npm i (install) 命令去下载相关依赖，需要我们手动下载。使用vite创建vue3.0项目的时候，vite不会自动 install 相关的依赖，需要我们手动去安装。注意：如果已经下载好了node_modules报出这个问题 可以尝试将整个node_modules删除在执行npm i下载全新依赖就好 在执行npm i 发现好了。
‘vite‘ 不是内部或外部命令，也不是可运行的程序
lied1663634806的博客
10-17 2178
后来通过“npm install -f ”命令解决，
vite 不是内部或外部命令,也不是可运行的程序 或批处理文件。
01-05
根据提供的引用内容，出现“vite 不是内部或外部命令,也不是可运行的程序 或批处理文件”错误的原因可能是Vite没有正确安装或者环境变量配置不正确。以下是两种解决方法： 1. 使用cnpm安装Vite： ```shell cnpm install -g create-vite ``` 这将使用cnpm安装Vite，并将其添加到全局环境变量中。安装完成后，您应该能够在终端中执行vite命令。 2. 检查环境变量： 确保Vite的安装路径已正确添加到系统的环境变量中。您可以按照以下步骤检查和配置环境变量： - 在Windows上，打开“控制面板”并搜索“环境变量”。 - 点击“编辑系统环境变量”。 - 在“系统变量”部分，找到名为“Path”的变量，并双击打开。 - 确保Vite的安装路径已添加到“Path”变量中。如果没有，请点击“新建”并添加Vite的安装路径。 - 点击“确定”保存更改。 完成上述步骤后，重新打开终端并尝试执行vite命令，应该不再出现“不是内部或外部命令”错误。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

博客zhu虎康

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值