如何将 Material UI 与 Electron React 样板一起使用？

Posted 2023-02-22

【中文标题】如何将 Material UI 与 Electron React 样板一起使用？

【英文标题】：How can I use Material UI with Electron React Boilerplate?

【发布时间】：2020-06-12 13:45:42

【问题描述】：

上下文

这里是新的电子用户。我刚刚克隆并安装了推荐的 React + Electron repo：https://github.com/electron-react-boilerplate/electron-react-boilerplate

现在我想使用 Material-UI。所以我想我只是按照这里的说明进行操作：

https://material-ui.com/getting-started/installation/

完成此操作后，该应用程序没有从 Material-UI 向我显示任何内容。我用一个简单的 App Bar 创建了一个组件。但它确实什么也没显示。

于是我发现/app/package.json文件夹中还有另一个package.json 我进入它并重新安装。重新启动开发服务器，但仍然没有显示（没有应用栏，只有白屏）。

截图如下：

另外，根据文档，我应该将roboto 字体的链接添加到html 文件。这应该去哪里？我把它放到了我在app/app.html找到的唯一一个html文件中。

如何使用 Electron 或这个特定的样板设置 Material-UI？

我找不到任何关于这个问题的最新信息。

【参考方案1】：

我发现了错误。结果我导入了MenuIcon，但material 没有导出它。因此，当我摆脱它时，appbar 会正确呈现。