Electron + ReactJS + Material-UI 渲染问题

13

我正在开发一个基于Electron + ReactJS + Redux + Material-UI + Webpack的桌面应用程序。除了一些Material-UI组件(如<IconMenu /><CircularProgress />)之外,一切都正常。这些元素在Electron中不能正确渲染,但在Chrome浏览器中可以正常工作。

以下是一些截图:

<IconMenu /> got

而不是

<IconMenu /> expected

<CircularProgress /> got

而不是

<CircularProgress /> expected

我不知道为什么会发生这种情况。我认为问题可能是它们使用的SVG元素没有正确渲染,但自定义加载的SVG可以正常工作。

这真的很烦人,我花了很多时间去处理它,但没有结果,最后我来这里寻求帮助。


mainWindow.webContents.openDevTools() 使用 Chrome 调试栏检查元素 - Josh Lin
1个回答

8
幸运的是,通过更新Electron到版本1.8.0.问题得到了解决。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接