Electron + ReactJS + Material-UI Rendering Glitches

Question

我正在開發基於Electron + ReactJS + Redux + Material-UI + Webpack的桌面應用程序。一切運行良好，除了一些Material-UI組件，如<IconMenu />和<CircularProgress />。這些元素無法通過Electron正確渲染，但是它們在Chrome瀏覽器中運行良好。

下面是一些截圖：

代替

，而不是

我不知道爲什麼發生這樣的自定義轉換工作正常，但我實際上認爲，問題是他們正在使用SVG元素不能正確呈現。但是，自定義加載的SVG工作正常。

這真的很煩人，我花了很多時間來處理它沒有結果，所以最後我在這裏尋求幫助。

Answer 1

幸運的是，將Electron更新到版本1.8.0即可解決問題。