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

Question

我正在开发一个反应 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

Answer 1

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

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

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

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

Answer 2

这就是我解决它的方法

npm install @mui/styles
import { makeStyles } from '@mui/styles';

Answer 3

我解决了这个问题， 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';

:)

Answer 4

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

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

之后：$ 纱线安装

Answer 5

如果您使用的是材料ui的版本5，则需要导入以下package；

1. @material-ui/实验室
2. @material-ui/图标

然后从材料ui导入makeStyles function

import { makeStyles } from '@mui/styles';

Answer 6

同样的问题也适用于createTheme 。 您将需要从

import { createTheme } from '@material-ui/core/styles';
                         to
import { createTheme } from "@mui/material/styles";

尤其是从 v4 切换到 v5 时

Answer 7

如果静止不动，试试这个；！ 这个 npm i @mui/styles --force import { makeStyles } from '@mui/styles';