项目依赖版本修改

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.
相关推荐
紫禁玄科2 天前
Shai-Hulud:npm生态的自我复制蠕虫风暴
前端·npm·node.js
console.log('npc')2 天前
Mock 服务设计指南
前端框架·mock·react·visual studio·项目架构
倾听醉梦语3 天前
React/Vite/Next.js 前端开发工具 SpotPatch:点击页面元素精准定位 JSX/TSX 源码
javascript·react·ai编程·vite·next.js·前端开发工具
meilindehuzi_a3 天前
WebGPU DeepSeek项目实战(二):用单例模式加载Tokenizer并转发下载进度
单例模式·typescript·react
小当家.1054 天前
深入理解 ReAct Agent:从原理到 Java 实战
java·react.js·agent·react·架构设计·agent设计
fastjson_4 天前
Hadoop之Yarn
大数据·hadoop·npm
DsirNg4 天前
从一次“接口背刺”谈 React 防静默崩溃与防御性编程
react·hooks
晓得迷路了4 天前
栗子前端技术周刊第 141 期 - Next.js 16.3、npm 安全事件、2026 CSS 现状调查报告结果...
前端·javascript·npm
周小董4 天前
[1367]npm 安装 canvas 报错 node-gyp ERR
前端·npm·node.js
DsirNg5 天前
深入理解 React Hooks 原理
react·原理·hooks