You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

安装material-react-table致React JS应用编译失败求助

解决material-react-table安装后编译错误的方案

问题原因分析

出现export 'default' was not found这类错误,核心是依赖版本不兼容或依赖解析冲突:

  • MUI v5版本的组件均采用命名导出(如import { TableRow } from '@mui/material/TableRow'),而非默认导出
  • material-react-table与现有MUI版本、项目中已有的material-table可能存在依赖冲突

具体解决步骤

1. 清理缓存并重新安装依赖

解决可能的缓存或依赖树混乱问题:

# 清理npm缓存
npm cache clean --force

# 删除node_modules和锁文件
rm -rf node_modules package-lock.json

# 重新安装所有依赖
npm install

2. 移除冲突的依赖

项目中同时存在material-table和material-react-table,二者共享MUI组件依赖易引发冲突,先移除material-table:

npm uninstall material-table

执行完后再次运行npm install确保依赖树干净。

3. 调整material-react-table版本

确认material-react-table与当前MUI版本的兼容性,尝试升级或降级到匹配版本:
当前项目MUI版本为^5.14.0,可安装指定兼容版本:

# 升级到兼容的v1系列最新版本
npm install material-react-table@^1.15.0

4. 扁平化依赖树

若存在嵌套依赖版本不一致问题,执行以下命令统一依赖版本:

npm dedupe

内容的提问来源于stack exchange,提问作者aero8991

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.16 14:24:50