Material-UI 無法解析 '@material-ui/core/styles/createMuiTheme

Question

我知道有人在 StackOverflow 上發布了類似的問題，但對我沒有任何幫助，錯誤不一樣，修復也不一樣，所以我正在創建一個新帖子。

正在測試我的公司向我發送了他們的 Github 存儲庫，我需要檢查該代碼，它是一個 Telegram Web 應用程序，他們正在使用 Material-UI 進行設計，我克隆了 repo 安裝的node_modules然后我從 Material-UI 得到了錯誤，我按照其他 StackOverflow 帖子的說明進行操作，但對我沒有任何幫助，卸載了@material-ui/core和@material-ui/icons ，再次安裝它們，但仍然出現相同的錯誤。

我已經嘗試了 NPM 和 Yarn 進行安裝，但什么也沒有。 希望你能幫忙，這很重要。

./src/Theme.js
Module not found: Can't resolve '@material-ui/core/styles/createMuiTheme' in '/Users/Faruk/Desktop/int/telegram-react/src'

Answer 1

如果您使用的是 Material UI V5 或更高版本，則此方法有效；

import { createTheme } from '@mui/material/styles';

Answer 2

不知道 createMuiTheme。 但是您可以使用它在 Mui 中導入樣式。 這僅解決了我的導入樣式問題，

import styled from '@material-ui/core';

它也適用於 Material-ui Box、Paper、Link、Grid 所有這些。 像這樣使用，

import { Grid, Link, makeStyles, Paper,Box, styled} from '@material-ui/core';

但我不確定你的主題。

Answer 3

正如@Ryan 所提到的，在最新的 v4和 v5 中， createMuiTheme已重命名為createTheme 。 請參閱此處的遷移指南以供參考。

V5

import { createTheme } from '@mui/material/styles';

V4

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