material-ui 'createSvgIcon' 未从 '@material-ui/core/utils' 导出

Question

我已经安装了 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组件的问题（ 正是这个问题），接受的答案是将 material-ui/core 更新到版本 4.9.9，看起来像为提出要求的人工作，但遗憾的是不为我工作，我有所有已安装的 material-ui 东西的这个版本：

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

所以现在我问你们是否有另一种方法可以解决这个问题，谢谢

Answer 1

此处报告此问题并在最新版本的/core和lab修复此问题时关闭： https://github.com/mui-org/material-ui/issues/20482

我有同样的错误，使用这个版本组合解决了这个问题：

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

希望这可以帮助

Answer 2

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

Answer 3

就我而言， npm install @material-ui/core @material-ui/lab没有用。 但是删除node_modules和package-lock.json然后npm install就可以了。

Answer 4

这些版本有同样的问题：

    "@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

Answer 5

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

适用于 npm

npm install "@material-ui/lab"

用于纱线

yarn add "@material-ui/lab"

Answer 6

包含此代码 package.json - 依赖项 {

"@material-ui/core": "^4.12.4",
"@mui/icons-material": "^5.10.6",
"@mui/material": "^5.10.7",

}

比

从“@mui/icons-material”导入{Person}；

Answer 7

如果你使用纱线， yarn upgrade为我解决了这个问题。

Answer 8

我的问题通过yarn upgrade解决了。

Answer 9

从现已停用的@material-ui/icons 库导入图标时出现此错误。 解决方案是将导入更改为新的 @mui/icons-material 库。

https://mui.com/material-ui/migration/migration-v4/#update-mui-packages