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

Question

我得到

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

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

下面是styles.js的内容供参考：

从“@material-ui/core/styles”导入makeStyles；

导出默认 makeStyles(()=>({ ul:{ justifyContent: "space-around", }, }));

Answer 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很好读。