material-ui 'createSvgIcon' 不是从 '@material-ui/core/utils' 导出的

Posted

技术标签:

【中文标题】material-ui \'createSvgIcon\' 不是从 \'@material-ui/core/utils\' 导出的【英文标题】:material-ui 'createSvgIcon' is not exported from '@material-ui/core/utils'material-ui 'createSvgIcon' 不是从 '@material-ui/core/utils' 导出的 【发布时间】:2020-07-23 15:08:23 【问题描述】:

我已安装 material-ui/lab 以使用警报组件,但每当我使用以下命令导入它时:import Alert from '@material-ui/lab/Alert'; 它编译失败并抛出此错误:

./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js
Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'.

所以我尝试用谷歌搜索这个问题,发现另一个关于material-ui/lab/AutoComplete 组件(This question exactly)的问题,接受的答案是将 material-ui/core 更新到版本 4.9.9,看起来它有效对于那个问的人,但很遗憾不是我,我有所有已安装的材料 UI 东西的这个版本:

    "@material-ui/core": "^4.9.9",
    "@material-ui/icons": "^4.9.1",
    "@material-ui/lab": "^4.0.0-alpha.48",

所以现在我问你们是否有其他方法可以解决这个问题,谢谢

【问题讨论】:

安装了完全相同版本的依赖项(也恰好是最新的)并且一切正常。尝试删除node_moules 并运行npm install,这样一切都是最新的。 这肯定与那个问题有关,因为我 "@material-ui/lab": "^4.0.0-alpha.44"@material-ui/core": "^4.9.9" 一起工作 【参考方案1】:

尝试使用以下命令重新安装@material-ui/lab

对于 npm

npm install "@material-ui/lab"

纱线

yarn add "@material-ui/lab"

【讨论】:

【参考方案2】:

此问题在此处报告并关闭,因为最新版本的 /corelab 修复了该问题: https://github.com/mui-org/material-ui/issues/20482

我遇到了同样的错误,使用这个版本组合解决了这个问题:

"@material-ui/core": "^4.9.10"
"@material-ui/lab": "^4.0.0-alpha.49"

希望对你有帮助

【讨论】:

他们发布了/core v4.9.10 吗?和/lab v4.0.0-alpha.49,就在昨天我试图更新,它没有给我那个版本,谢谢 这些步骤对我不起作用...仍在试图弄清楚【参考方案3】:

这些版本有同样的问题:

    "@material-ui/core": "^4.9.10",
    "@material-ui/icons": "^4.5.1",
    "@material-ui/lab": "^4.0.0-alpha.49",

npm update 没有发出任何警告,但也没有解决它,我不得不一起删除 node_modules 文件夹和 package-lock.json 文件。不确定是哪一个真正修复了它..

也将此添加到链接问题https://github.com/mui-org/material-ui/issues/20482

【讨论】:

【参考方案4】:

就我而言,npm install @material-ui/core @material-ui/lab 不起作用。但是删除 node_modulespackage-lock.json 然后 npm install 就可以了。

【讨论】:

【参考方案5】:

这是@material-ui/core 版本问题,因为您没有最新的@material-ui/core 版本。 删除 @material-ui/core 并重新安装。删除节点模数并执行 npm install.working

【讨论】:

【参考方案6】:

如果你使用yarn,yarn upgrade为我解决问题。

【讨论】:

【参考方案7】:

yarn upgrade 解决了我的问题。

【讨论】:

以上是关于material-ui 'createSvgIcon' 不是从 '@material-ui/core/utils' 导出的的主要内容,如果未能解决你的问题,请参考以下文章

Material-UI 无法解析 '@material-ui/core/styles/createMuiTheme

ReactJS + Material-UI:如何减小 Material-UI 的 <TableRow/> 的列宽?

ReactJS + Material-UI:如何在每个 TableRow 中使用 Material-UI 的 FlatButton 和 Dialog?

material-ui:找不到模块:'./AccessAlarm'

ReactJS + Material-UI:如何使用 Material-UI 的 <DatePicker> 将当前日期设置为默认值?

ReactJS + Material-UI:如何在 Material-UI <Table/> 的 <TableRow/> 之间交替颜色?