尝试导入错误：“makeStyles”未从“@material-ui/core/styles”导出答案

【问题标题】：Attempted import error: 'makeStyles' is not exported from '@material-ui/core/styles'尝试导入错误：“makeStyles”未从“@material-ui/core/styles”导出
【发布时间】：2021-09-11 02:20:59
【问题描述】：

我正在开发一个 react typescript 应用程序，我尝试从“@material-ui/core/styles”导入 makeStyles，结果出现错误 Attempted import error: 'makeStyles' is not exported from '@material-ui/core/styles'. 我安装了这些：

npm install @material-ui/core @material-ui/icons @types/material-ui

【问题讨论】：

确保使用命名导入。 import { makeStyles } from '@material-ui/core/styles'; (documentation)
@BrianThompson 我运行 npm install @material-ui/styles 仍然遇到同样的错误
你的实际导入是什么样子的
我使用这个 import { makeStyles } from '@material-ui/core/styles';
你不应该安装@types/material-ui。

标签： javascript reactjs typescript material-ui

【解决方案1】：

我最近遇到了这个问题。使用最新版本的 Material UI 时会出现此问题。要解决，您必须导入 makeStyles 否则：

旧版本：从“@material-ui/core”导入 { makeStyles }

新版本：从“@material-ui/styles”导入 { makeStyles }；

欲了解更多信息：https://next.material-ui.com/guides/migration-v4/

【讨论】：

当您拥有依赖于此的 npm 模块时，这并不是一个真正的解决方案。 Material ui的家伙这次真的搞砸了。

【解决方案2】：

我解决了这个问题，makeStyles JSS 实用程序不再从@material-ui/core/styles 导出。您可以改用@material-ui/styles/makeStyles。确保在应用程序的根目录中添加 ThemeProvider。

所以在旧版本中，makeStyles 是从“@material-ui/core/styles”导入的

import { makeStyles } from '@material-ui/core/styles';

但在较新版本中，从 '@material-ui/core/styles' 导入 makeStyles

import { makeStyles } from '@material-ui/styles';

【讨论】：

【解决方案3】：

这可能不是最好的解决方案，但我通过降级 package.json 中的 ui-material 版本解决了它：

"@material-ui/core": "^4.11.2", (was 5xxxbeta)
 "@material-ui/icons":"^4.11.2", ((was 5xxxbeta)

之后： $纱线安装

【讨论】：