项目依赖版本修改

React项目 因UI库无法兼容React19版本,故此降低React版本至18.x (为什么不升级UI库版本,因为没有最新版,而且找不到好的替代品)

package.json

先修改package.json文件中你想修改的依赖版本号

bash 复制代码
"dependencies": {
- "react": "^19.1.0",
- "react-dom": "^19.1.0",
+ "react": "18.2.0",
+ "react-dom": "18.2.0",
},
"devDependencies": {
- "@types/react": "^19.0.10",
- "@types/react-dom": "^19.0.4",
+ "@types/react": "~18.0.35",
+ "@types/react-dom": "~18.0.35",
}

vscode bash 终端

用vscode打开项目后,如下图所示,打开bash终端

终端命令执行

bash 复制代码
pnpm store prune # 清理 pnpm 全局缓存
rm -rf node_modules pnpm-lock.yaml # 删除旧依赖和锁文件
pnpm install --force #强制完整重装

启动项目

下面情况一般是安装过程中网络问题导致vite安装失败,不停的pnpm i即可

bash 复制代码
pnpm dev

> mca-mobile@0.0.0 dev D:\xxx\xxx
> vite

'vite' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
 ELIFECYCLE  Command failed with exit code 1.
相关推荐
钛态14 小时前
前端TypeScript高级技巧:让你的代码更安全
前端·vue·react·web
网络点点滴2 天前
NPM的包版本管理
前端·npm·node.js
Allen正心正念20252 天前
前端——Node.js&npm,学点前端的东西
前端·npm·node.js
钛态2 天前
前端微前端架构:大项目的救命稻草还是自找麻烦?
前端·vue·react·web
钛态2 天前
前端趋势:别被时代抛弃
前端·vue·react·web
软件技术NINI2 天前
webkit简介及工作流程
开发语言·前端·javascript·udp·ecmascript·webkit·yarn
带娃的IT创业者2 天前
Bitwarden CLI 供应链攻击深度分析:当密码管理工具本身成为安全威胁
安全·npm·安全漏洞·cli·供应链攻击·bitwarden
拾贰_C3 天前
【node.js | Ubuntu | update】如何升级旧的nodejs本版至最新;如何升级npm
ubuntu·npm·node.js
网络点点滴4 天前
NPM 和 package.json 文件简介
前端·npm·json
青木9604 天前
前后端开发调试运行技巧
linux·服务器·前端·后端·npm·uv