反应material-ui图标在生产版本中中断

Question

我有一个React应用，其中我用material-ui包装了整个应用。在优化的部署构建中（通过运行$ npm run build获得），material-ui图标正在损坏（所有图标都具有白色背景，并且图标的颜色默认为黑色）。最初加载页面时，一切看起来都很好，并且图标按预期显示，但是一旦react-router渲染了另一页面，它们就会中断。

我尝试更改<MuiThemeProvider>标签的嵌套级别，但没有成功。

我的 index.js 看起来像

`

const app =(
    <MuiThemeProvider theme={muitheme}>
        <Provider store={store}>
            <BrowserRouter>
                <App />
            </BrowserRouter>
        </Provider>
    </MuiThemeProvider>
 );
ReactDOM.render(app, document.getElementById('root'));

我的 app.js 被包裹在两个这样的高阶组件中。

export default withRouter( connect(mapStateToProps,mapDispatchToProps)(App));

预期的图标如下所示

和损坏的图标看起来像