./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')./src/components/styles.js 尝试导入错误：“@material-ui/core/styles”不包含默认导出（导入为“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",
    },
}));

【问题讨论】：

标签： javascript reactjs material-ui

【解决方案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 值得一读。

【讨论】：