我正在开发一个基于Electron + ReactJS + Redux + Material-UI + Webpack的桌面应用程序。除了一些Material-UI组件(如<IconMenu />
和<CircularProgress />
)之外,一切都正常。这些元素在Electron中不能正确渲染,但在Chrome浏览器中可以正常工作。
以下是一些截图:
而不是
而不是
我不知道为什么会发生这种情况。我认为问题可能是它们使用的SVG元素没有正确渲染,但自定义加载的SVG可以正常工作。
这真的很烦人,我花了很多时间去处理它,但没有结果,最后我来这里寻求帮助。
mainWindow.webContents.openDevTools()
使用 Chrome 调试栏检查元素 - Josh Lin