项目依赖版本修改

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.
相关推荐
李游Leo13 小时前
Node.js 开发环境安装与 npm/pnpm 国内镜像配置(Windows / macOS / Linux)
npm·node.js·pnpm·前端开发·开发环境
ZGG0032 天前
真题拆解 05:ReAct 还是 Plan-and-Execute——规划范式怎么选
python·agent·react
eokred3 天前
图片预览组件的另一种设计:Headless、可组合、开箱即用
前端·react
晴天166 天前
Node.js 中 `npm install` 命令分析-Day30
前端·npm·node.js
_Rookie._6 天前
Package.json 的imports 和 exports
npm
ylj_dev6 天前
从 0 构建 AI Workload Platform(九):真实场景、最小控制台与开源发布
go·react·开源项目·工作流·ai agent
泠曦れいひ6 天前
在当前项目中安装Vite
前端框架·npm·node.js
星辰徐哥6 天前
打破社媒营销信息差:具身交互智能打造全自动化KOL情报体系
运维·python·自动化·交互·react·数字人
Joseph 乔6 天前
【NVM】node 和 nvm 卸载(安装 node & nvm & npm & cnpm & yarn 及配置)
npm·node.js
Richown6 天前
Three.js 供应链三维可视化:全球物流轨迹、库存热力图与数字孪生的交互呈现
区块链·react