Стили пользовательского интерфейса ReactJs нарушены при развертывании сборки - PullRequest
Новая
       6

Стили пользовательского интерфейса ReactJs нарушены при развертывании сборки

0 голосов
/ 08 июня 2018

Я создаю свое приложение, разработанное с использованием пользовательского интерфейса Resjjs, но стили развернутой версии развернутой сборки это мой файл 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

1 Ответ

0 голосов
/ 27 декабря 2018

У меня возникла та же проблема, отлично смотрится при разработке, но отличается по сборке.Для этого есть официальное решение: JSS-провайдер

По сути, основная причина заключается в том, как генерируется имя класса, и каким-то образом используемая вами библиотека имеет одноранговые зависимости друг с другом, вызывая классимя для перекрытия.

...