Electron + ReactJS + Material-UI渲染毛刺

时间:2017-09-02 13:07:10

标签: reactjs svg webpack electron material-ui

我正在使用基于Electron + ReactJS + Redux + Material-UI + Webpack的桌面应用。除了<IconMenu /><CircularProgress />之类的一些Material-UI组件外,一切运行正常。 Electron无法正确呈现这些元素,但它们在Chrome浏览器中运行良好。

以下是一些截图:

<IconMenu /> got

而不是

<IconMenu /> expected

<CircularProgress /> got

而不是

<CircularProgress /> expected

我不知道它为什么会发生这样的事情,因为自定义转换工作正常但我实际上认为问题在于它们正在使用未正确呈现的SVG元素。但是,自定义加载的SVG工作正常。

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

1 个答案:

答案 0 :(得分:7)

幸运的是,通过将Electron更新为版本 1.8.0来解决问题。