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

Question

我正在开发一个 react 打字稿应用程序，我尝试从“@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';

但在新版本中makeStyles从“@material-ui/core/styles”导入

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

:)