解决vite不是内部或外部命令，也不是可运行的程序 或批处理文件。

已于 2022-12-06 22:20:55 修改
阅读量8.9w 收藏 106
点赞数 94
分类专栏： 前端(Web) Vue 文章标签： javascript 前端 vue.js
于 2022-12-06 22:02:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46713508/article/details/128211201
版权

前言

今天是要vite创建vue3.0项目的时候，到了最后一步npm run dev的时候出现了以下错误：

‘vite’ 不是内部或外部命令，也不是可运行的程序
或批处理文件。

如下图所示

在这里插入图片描述

思考问题

想了半天，调试了很久，本来以为是环境的问题，是不是没有缺少哪些配置

但是查了资料发现，如果是使用vite创建vue3.0项目的时候，vite不会自动帮助我们install相关的依赖，需要我们手动去安装，想到这里恍然大悟

然后我去项目的node_modules目录里面查看，果然什么都没有

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

解决问题

输入命令下载依赖：

npm i

可以看到确实帮助我们下载了很多的依赖
在这里插入图片描述
这时候再次运行npm run dev，已经解决了这个问题
在这里插入图片描述

扩展

既然问题解决了，顺便带大家看下使用vite创建出来的vue3.0给我们的初始化页面是什么样子吧

和vue2.0以及使用cli创建的vue3.0的界面比起来，清爽了很多，并且给我们提供了一个计数器的demo

在这里插入图片描述
本质还是一个HelloWorld的组件

在这里插入图片描述

小花皮猪
关注
  • 94
    点赞
  • 踩
  • 106
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 17
    评论
专栏目录
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
10-15
主要介绍了使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序,本文通过图文并茂的形式给大家分享解决方案，需要的朋友可以参考下
Vue 打包的静态文件不能直接运行的原因及解决办法
01-22
问题 吾辈使用 vue-cli 直接生成的 vue 模板项目，在模板之上继续开发的。然而在使用 npm run build 打包项目时，却发现打包好的项目在浏览器中直接打开好像什么都没有？ 原因 查看了一下打包后的 index.html 源码，终于发现了一个重要的点： 所有涉及到路径的地方全都是以 / 开头的 下面是吾辈打包后生成的 dist 目录 dist:. │ index.html │ └─static ├─css │ app.b7bce283257fbd427fb1dc3fea80cee1.css │ app.b7bce283257fbd427fb1dc3fea
解决报错：‘vite‘ 不是内部或外部命令，也不是可运行的程序或批处理文件
最新发布
科技改变人类，技术成就未来
06-06 6551
解决报错：'vite' 不是内部或外部命令，也不是可运行的程序或批处理文件
'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件
会飞De琥珀
09-27 3万+
vue及vue/cli安装命令 npm install -g vue npm install -g @vue/cli-init 解决无法执行vue.exe.的问题 npm config list 打开如图目录,确保安装成功 把目录加入环境变量 问题解决 ...
‘vite’ 不是内部或外部命令，也不是可运行的程序！
Vinca@的博客
02-28 7306
包管理工具：pnpm提示 ‘vite’ 不是内部或外部命令，也不是可运行的程序！
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‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件
热门推荐
m0_55070913的博客
03-09 4万+
运行一个由 Vite 构建的 Vue3 项目，之前还好好的能正常跑，但拉取新代码之后再次执行 npm run dev 就提示 ‘vite’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 百思不得其解，最终解决方案如下： 1、删除 node_modules 文件夹 和 package-lock.json 文件 2、重新执行 npm i 安装依赖 3、npm run dev 启动项目 ...
‘vite‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
定期分享我的发现和想法，感谢你的陪伴和支持
07-28 3万+
'vite' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
【各种**问题系列】‘vite’ 不是内部或外部命令，也不是可运行的程序或批处理文件
范同学的学习历程
01-09 1万+
所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像 node 或 vue cli，会自动帮助我们执行 npm i (install) 命令去下载相关依赖，需要我们手动下载。使用vite创建vue3.0项目的时候，vite不会自动 install 相关的依赖，需要我们手动去安装。进入项目的node_modules目录里面查看，什么都没有！
vue组件内部引入外部js文件的方法
11-21
之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作 Dom引入js： export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript'; s.src = '你的需要的js文件地址'; document.body.appendChild(s); }, } 第二种使用 createElement 方法： export default
‘vite‘ 不是内部或外部命令，也不是可运行的程序
lied1663634806的博客
10-17 2673
后来通过“npm install -f ”命令解决，
‘vite’ 不是内部或外部命令，也不是可运行的程序或批处理文件问题解决
qq_47902937的博客
07-07 1270
所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像 node 或 vue cli，会自动帮助我们执行 npm i (install) 命令去下载相关依赖，需要我们手动下载。使用vite创建vue3.0项目的时候，vite不会自动 install 相关的依赖，需要我们手动去安装。注意：如果已经下载好了node_modules报出这个问题 可以尝试将整个node_modules删除在执行npm i下载全新依赖就好 在执行npm i 发现好了。
vite不是内部或外部命令
1daynes的博客
03-21 1万+
"vite" 是一个现代化的前端开发构建工具，它使用 JavaScript 编写并运行于 Node.js 环境中。如果你在命令行中输入 "vite" ，但是出现了 "vite不是内部或外部命令" 的错误提示，可能是因为你没有全局安装 Vite 或者你的系统环境变量 PATH 没有包含 Vite 的安装路径。如果依然出现同样的错误提示，检查一下系统环境变量 PATH 中是否包含了 Vite 的安装路径，如果没有，手动添加即可。如果全局安装成功，尝试重新运行命令行并输入。命令看是否能够正常执行；
‘vite‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。 ELIFECYCLE Command failed with exit code 1.【问题解决】
nanke_yh的博客
03-23 1990
下载的工程代码中node_modules中的依赖库存在改变，导致不能执行。'vite' 不是内部或外部命令，也不是可运行的程序或批处理文件。2、执行pnpm i （这个可能和自己电脑上是否安装有关吧）3、再次执行pnpm run dev即可以了。1、删除node_modules文件夹。
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命令，应该不再出现“不是内部或外部命令”错误。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

小花皮猪

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

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

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

打赏作者

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

抵扣说明：

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

余额充值