如何搭配使用MUI X v7与MUI Core v6?解决npm依赖冲突
问题描述
运行npm i时出现依赖冲突错误,具体报错信息如下:
npm error code ERESOLVE npm error ERESOLVE could not resolve npm error npm error While resolving: @mui/x-date-pickers@7.7.0 npm error Found: @mui/material@6.0.0-alpha.11 npm error node_modules/@mui/material npm error @mui/material@"next" from the root project npm error peer @mui/material@"^6.0.0-alpha.11" from @mui/icons-material@6.0.0-alpha.11 npm error node_modules/@mui/icons-material npm error @mui/icons-material@"next" from the root project npm error 1 more (@mui/material-nextjs) npm error npm error Could not resolve dependency: npm error peer @mui/material@"^5.15.14" from @mui/x-date-pickers@7.7.0 npm error node_modules/@mui/x-date-pickers npm error @mui/x-date-pickers@"^7" from the root project npm error npm error Conflicting peer dependency: @mui/material@5.15.20 npm error node_modules/@mui/material npm error peer @mui/material@"^5.15.14" from @mui/x-date-pickers@7.7.0 npm error node_modules/@mui/x-date-pickers npm error @mui/x-date-pickers@"^7" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error /Users/andrew/.npm/_logs/2024-06-19T17_10_57_488Z-eresolve-report.txt npm error A complete log of this run can be found in: /Users/andrew/.npm/_logs/2024-06-19T17_10_57_488Z-debug-0.log
咨询如何将MUI X v7与MUI Core v6搭配使用?
解决方法
MUI X v7仅兼容MUI Core v5,若要搭配MUI Core v6(Alpha版本)使用,需安装适配的MUI X预发布版本,步骤如下:
- 卸载当前安装的MUI X日期选择器包:
npm uninstall @mui/x-date-pickers - 安装适配MUI Core v6的MUI X预发布版本(v8.x系列,通过
@next标签获取):npm install @mui/x-date-pickers@next - 若项目使用了其他MUI X组件(如数据网格),同步更新对应组件的预发布版本:
npm install @mui/x-data-grid@next
补充说明
- MUI X v8系列专门适配MUI Core v6,正式版发布前可通过
@next标签获取最新预发布包 - 不建议用
--force或--legacy-peer-deps强制跳过依赖冲突,易引发运行时未知问题 - 待MUI Core v6正式发布后,MUI X v8也会推出正式版,届时直接升级即可
内容的提问来源于stack exchange,提问作者Andrew Lam
相关产品推荐
相关产品推荐

