嘗試導入錯誤：“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';