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

最新推荐文章于 2024-02-28 23:35:08 发布
最新推荐文章于 2024-02-28 23:35:08 发布
阅读量4.8w 收藏 31
点赞数 14
分类专栏： 前端 html 文章标签： npm vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55070913/article/details/123374448
版权
前端 同时被 2 个专栏收录
49 篇文章 2 订阅
订阅专栏
html
49 篇文章 0 订阅
订阅专栏

运行一个由 Vite 构建的 Vue3 项目，之前还好好的能正常跑，但拉取新代码之后再次执行 npm run dev 就提示 ‘vite’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
在这里插入图片描述
百思不得其解，最终解决方案如下：
1、删除 node_modules 文件夹 和 package-lock.json 文件
在这里插入图片描述
2、重新执行 npm i 安装依赖
在这里插入图片描述

3、npm run dev 启动项目
在这里插入图片描述

m0_55070913
关注
  • 14
    点赞
  • 踩
  • 31
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
全局安装@vue/cli 后vue -V不是内部或外部命令的有效解决办法
01-07
这个方法借鉴于此博客：博客地址，这里详细化一下； 总结：把vue.cmd的路径添加到系统变量Path里。自己试过是有效的，所以记录一下； 下面是详细步骤； 1，打开系统文件全局搜索vue.cmd，搜索有点慢，耐心等着就好。 2，找到安装vue那个时间的vue.cmd文件，点击属性找到文件路径复制下来，注意一定是安装那个时间的vue.cmd。 3，桌面找到此电脑，右键点击选择属性-高级系统设置-环境变量（N）-系统变量-Path，双击打开后点击新建，把复制的路径粘贴进去后确定。 4粘贴后确定，重新打开cmd窗口输入vue -V即可; 作者：许魁
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不是内部或外部命令，也不是可运行的程序 或批处理文件。
热门推荐
见证自己学习,成长的记录
12-06 7万+
今天是要vite创建vue3.0项目的时候，到了最后一步npm run dev的时候出现了以下错误：如下图所示想了半天，调试了很久，本来以为是环境的问题，是不是没有缺少哪些配置但是查了资料发现，如果是使用vite创建vue3.0项目的时候，vite不会自动帮助我们install相关的依赖，需要我们手动去安装，想到这里恍然大悟然后我去项目的node_modules目录里面查看，果然什么都没有所以说出现这个问题的原因是：缺少安装依赖这一步！ vite不像node或cli，会自动帮助我们执行npm i (inst
‘vite‘ 不是内部或外部命令，也不是可运行的程序
lied1663634806的博客
10-17 1893
后来通过“npm install -f ”命令解决，
‘vite’ 不是内部或外部命令，也不是可运行的程序！
最新发布
Vinca@的博客
02-28 741
包管理工具：pnpm提示 ‘vite’ 不是内部或外部命令，也不是可运行的程序！
解决vite不是内部或外部命令，也不是可运行的程序或批处理文件
anwanfu的专栏
02-14 1157
vite不是内部或外部命令，也不是可运行的程序或批处理文件
使用npm命令提示: npm 不是内部或外部命令,也不是可运行的程序的处理方法
12-17
在安装nodejs时候，有时候我们会把它安装在d盘或别的盘时，经常会遇到npm环境变量没有配好，需要自己手动去配置。        在安装完nodejs后输入node --version查看安装是否成功，若成功会出现下图       接着我们在使用npm安装依赖的时候有时候会出现“’npm’ 不是内部或外部命令，也不是可运行的程序”的提示，此时我们先查看环境变量 知道3所指的路径，你会看到下图只有一个etc文件，没有马赛克部分内容，没有npm文件。 发现问题后，我们在环境变量中添加我们安装的npm命令行执行文件路径 我的是安装在D:\Program Files\nodejs下（如下图）
‘vite‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
定期分享我的发现和想法，感谢你的陪伴和支持
07-28 2万+
'vite' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
【各种**问题系列】‘vite’ 不是内部或外部命令，也不是可运行的程序或批处理文件
范同学的学习历程
01-09 1万+
所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像 node 或 vue cli，会自动帮助我们执行 npm i (install) 命令去下载相关依赖，需要我们手动下载。使用vite创建vue3.0项目的时候，vite不会自动 install 相关的依赖，需要我们手动去安装。进入项目的node_modules目录里面查看，什么都没有！
vite_rails：Rails中的:high_voltage:Vite.js，为您JavaScript体验带来欢乐
02-06
允许您使用为Rails应用程序的前端供电。 是将前端工具像Ruby一样进行编程，纯属喜悦！ :smiling_face_with_heart-eyes: 或在运行的检查。 产品特点 :high_voltage: :light_bulb: 即时服务器启动 :high_voltage: 炽热的快速热装 :rocket: 零配置部署 :handshake: 与资产集成：预编译 文献资料 :open_book: 访问以查看和可搜索的。 安装 :optical_disk: 将此行添加到您的应用程序的Gemfile中： gem 'vite_rails' 然后，运行： bundle install bin/rake vite:install 这将生成配置文件和示例设置。 上提供了其他安装说明。 入门 :laptop: 重新启动Rails服务器，然后运行bin / vite启动Vite开发服务器。
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-plugin-psvg:PSVG的Vite
05-24
PSVG Vite插件 安装 安装 npm i vite-plugin-psvg -D # yarn add vite-plugin-psvg -D 将其添加到vite.config.js // vite.config.js import PSVG from 'vite-plugin-psvg' export default { plugins : [ PSVG ( ) ] , } ; 然后将其用作普通的SVG或图像。 < img src =' ./hello.psvg '> 例子 请参阅 。 执照 麻省理工学院执照:copyright:2020
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 去做 执照
解决vue: 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称…
01-20
我是用yarn安装的vue脚手架（yarn global add @vue/cli），yarn提示安装成功后，运行了下vue –version，结果报错。 vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路 径，请确保路径正确，然后再试一次。 所在位置 行:1 字符: 1 vue –version CategoryInfo : ObjectNotFound: (vue:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNot
通过electronbuilder将Electron案例制作成Windows程序以及安装包
08-11
通过electron-builder 将 Electron案例 制作成 Windows程序 以及 安装包
vue-tsc
03-03
vue-tsc vue-tsc --noEmit && vite build
Vue开发环境搭建的详细教程，图文并茂
11-29
非常详细的Vue开发环境的搭建教程，有图有文，包括nodejs的安装，电脑环境变量的配置，cnpm的安装，亲测安装有效。文档最后还有一个创建并配置工程的示例。
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命令，应该不再出现“不是内部或外部命令”错误。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值