项目依赖版本修改

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

> [email protected] dev D:\xxx\xxx
> vite

'vite' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
 ELIFECYCLE  Command failed with exit code 1.
相关推荐
lightYouUp1 天前
windows系统中下载好node无法使用npm
前端·npm·node.js
Dontla1 天前
npm cross-env工具包介绍(跨平台环境变量设置工具)
前端·npm·node.js
墨水白云2 天前
nestjs[一文学懂nestjs中对npm功能包的封装,ioredis封装示例]
前端·npm·node.js
辣辣y2 天前
React中useMemo和useCallback的作用:
前端·react
bloglin999992 天前
npm和nvm和nrm有什么区别
前端·npm·node.js
伍六星2 天前
maven和npm区别是什么
java·npm·maven
Varpb2 天前
【vue】【环境配置】项目无法npm run serve,显示node版本过低
前端·vue.js·npm
郝开3 天前
扩展:React 项目执行 yarn eject 后的 package.json 变化详解及参数解析
react.js·前端框架·react
蜡笔小柯南3 天前
解决:npm install报错,reason: certificate has expired
前端·npm·node.js