运行React项目时遇vite模块缺失及命令不识别错误求助
错误信息
'UserInput\01-starting-project\node_modules.bin' 不是内部或外部命令,也不是可运行的程序或批处理文件。
node:internal/modules/cjs/loader:1222
throw err;错误:找不到模块 'D:\UDEMY REACT LAST\vite\bin\vite.js'
在 Module._resolveFilename (node:internal/modules/cjs/loader:1219:15)
在 Module._load (node:internal/modules/cjs/loader:1045:27)
在 TracingChannel.traceSync (node:diagnostics_channel:315:14)
在 wrapModuleLoad (node:internal/modules/cjs/loader:215:24)
在 Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:158:5)
在 node:internal/main/run_main_module:30:49 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
Node.js v22.5.1
执行命令:
D:\01-starting-project> npm run dev
问题分析
结合错误日志和你的package.json配置,核心问题集中在:
- 项目依赖未正确安装,导致局部Vite模块缺失
package.json的build命令存在拼写错误(vite buNPild应为vite build)- 全局Vite与项目局部Vite可能存在路径冲突
解决步骤
修复package.json拼写错误
打开项目根目录的package.json,将scripts中的build命令修正:"build": "vite build"清理现有依赖文件
在项目根目录执行以下命令,删除旧的依赖包和锁文件:rmdir /s node_modules del package-lock.json del yarn.lock # 若使用yarn则执行此命令重新安装项目依赖
执行命令重新拉取所有依赖:npm install重新运行开发服务
再次执行启动命令:npm run dev备选方案:直接调用局部Vite
如果上述步骤无效,可直接指定项目内的Vite路径运行:npx vite或者:
.\node_modules\.bin\vite额外检查:Node.js版本兼容性
Vite 5.x要求Node.js版本≥18.0.0或≥20.0.0,你的v22.5.1符合要求,若仍有问题,可尝试降级到Node.js 20.x LTS版本。
内容的提问来源于stack exchange,提问作者Pawan prasad

