项目依赖版本修改

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.
相关推荐
jason_yang5 小时前
Workspace搭建Vue3+组件分离的Monorepo项目
git·npm·前端工程化
fcm199 小时前
(6) tauri之前端框架性能对比
前端·javascript·rust·前端框架·vue·react
三十_12 小时前
私有 npm 仓库实践:Verdaccio 保姆级搭建教程与最佳实践
前端·npm
web打印社区12 小时前
最简单的 Web 打印方案:用 5 分钟上手 web-print-pdf(npm 包)
前端·pdf·npm
知识分享小能手1 天前
React学习教程,从入门到精通,React 前后端交互技术详解(29)
前端·javascript·vue.js·学习·react.js·前端框架·react
寒山李白1 天前
npm镜像源配置指南
前端·npm·node.js
沙白猿1 天前
npm启动项目报错“无法加载文件……”
前端·npm·node.js
Bruce-li__1 天前
前端开发利器:nvm、npm与pnpm全面解析与TypeScript/JavaScript选择指南
javascript·typescript·npm
Dontla1 天前
npx命令介绍(Node Package Execute)(允许开发者直接执行来自npm注册表的包中的二进制文件,而无需全局安装)临时使用
前端·npm·node.js
张人玉1 天前
npm和pnpm命令大全
前端·npm·node.js