[英]Attempted import error: 'makeStyles' is not exported from '@material-ui/core/styles'
I 'm working on a react typescript app and i try to import makeStyles from '@material-ui/core/styles' and it gets me error Attempted import error: 'makeStyles' is not exported from '@material-ui/core/styles'.
我正在开发一个反应 typescript 应用程序,我尝试从'@material-ui/core/styles'导入makeStyles,它让我出错
Attempted import error: 'makeStyles' is not exported from '@material-ui/core/styles'.
i installed these:我安装了这些:
npm install @material-ui/core @material-ui/icons @types/material-ui
I recently encountered this problem.我最近遇到了这个问题。 This problem occurs when using the latest versions of Material UI.
使用最新版本的 Material UI 时会出现此问题。 To solve you have to import makeStyles otherwise:
要解决您必须导入 makeStyles 否则:
Old version : import { makeStyles } from '@material-ui/core'旧版本:从“@material-ui/core”导入{makeStyles}
New version : import { makeStyles } from '@material-ui/styles';新版本:从'@material-ui/styles'导入{makeStyles};
For more informations : https://next.material-ui.com/guides/migration-v4/欲了解更多信息: https : //next.material-ui.com/guides/migration-v4/
This is how i solved it这就是我解决它的方法
npm install @mui/styles
import { makeStyles } from '@mui/styles';
I resolved the issue, The makeStyles JSS utility is no longer exported from @material-ui/core/styles
.我解决了这个问题, makeStyles JSS 实用程序不再从
@material-ui/core/styles
导出。 You can use @material-ui/styles/makeStyles
instead.您可以改用
@material-ui/styles/makeStyles
。 Make sure to add a ThemeProvider at the root of your application.确保在应用程序的根目录添加一个 ThemeProvider。
So in older versions makeStyles
was import from '@material-ui/core/styles'所以在旧版本中
makeStyles
是从 '@material-ui/core/styles' 导入的
import { makeStyles } from '@material-ui/core/styles';
But in newer version import makeStyles
from '@material-ui/core/styles'但是在较新的版本中从 '@material-ui/core/styles' 导入
makeStyles
import { makeStyles } from '@material-ui/styles';
:) :)
This may not be the best solution, but I solved it by downgrading the ui-material version in package.json :这可能不是最好的解决方案,但我通过降级 package.json 中的 ui-material 版本解决了这个问题:
"@material-ui/core": "^4.11.2", (was 5xxxbeta)
"@material-ui/icons":"^4.11.2", ((was 5xxxbeta)
After: $ yarn install之后:$ 纱线安装
If you are using version 5 of material ui, you need to import the below package;如果您使用的是材料ui的版本5,则需要导入以下package;
Then import the makeStyles function from material ui然后从材料ui导入makeStyles function
import { makeStyles } from '@mui/styles';
The same issue apply with createTheme .同样的问题也适用于createTheme 。 You will need to change from
您将需要从
import { createTheme } from '@material-ui/core/styles';
to
import { createTheme } from "@mui/material/styles";
especially when switching from v4 to v5尤其是从 v4 切换到 v5 时
if it Stills doe not work try this;!如果静止不动,试试这个;! this npm i @mui/styles --force import { makeStyles } from '@mui/styles';
这个 npm i @mui/styles --force import { makeStyles } from '@mui/styles';
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.