./src/components/styles.js 尝试导入错误：“@material-ui/core/styles”不包含默认导出（导入为“makeStyles”）

Posted 2023-03-16

【中文标题】./src/components/styles.js 尝试导入错误：“@material-ui/core/styles”不包含默认导出（导入为“makeStyles”）

【英文标题】：./src/components/styles.js Attempted import error: '@material-ui/core/styles' does not contain a default export (imported as 'makeStyles')

【发布时间】：2021-09-23 00:26:18

【问题描述】：

我明白了

./src/components/styles.js 尝试导入错误：“@material-ui/core/styles”不包含默认导出（导入为“makeStyles”）。

当我尝试运行我的 react 应用程序时。我将如何解决这个问题？

这里是styles.js的内容供参考：

import  makeStyles  from "@material-ui/core/styles";

export default makeStyles(()=>(
    ul:
        justifyContent: "space-around",
    ,
));

【参考方案1】：

您需要像这样使用命名导入：

import makeStyles from "@material-ui/core/styles"

或者像这样的默认导入，

import makeStyles from "@material-ui/core/styles/makeStyles"

你在两者的中间。

https://material-ui.com/guides/minimizing-bundle-size/#development-environment 值得一读。