Question

我使用材料ui of reactjs构建我的应用程序，但是在部署的构建版本上破坏了样式这是我的App.JS文件

import React, { Component } from 'react';

import DateFnsUtils from 'material-ui-pickers/utils/date-fns-utils';
import MuiPickersUtilsProvider from 'material-ui-pickers/utils/MuiPickersUtilsProvider';
import { Router, Route, Switch } from 'react-router-dom';
import createHistory from 'history/createHashHistory';

import Home from './pages/home/Home';

const history = createHistory();

class App extends Component {
  render() {
    return (
        <MuiPickersUtilsProvider utils={DateFnsUtils}>
            <Router history={history}>
                <Switch>
                    <Route path="/" component={Home} />
                </Switch>
            </Router>
        </MuiPickersUtilsProvider>
    );
  }
}

export default App;

index.JS

import React from 'react';
import ReactDOM from 'react-dom';

import App from './App';
import registerServiceWorker from './registerServiceWorker';


ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

上面是我的index.js文件

Answer 1

我遇到过同样的问题，在开发上看起来很完美，但是在构建上却不同。对此有一个官方解决方案： JSS Provider

基本上，主要原因是类名的生成方式，以及您所使用的库在某种程度上彼此具有对等依赖性，从而导致类名重叠。

部署构建时，ReactJs材质ui样式被破坏

1 个答案: