Производственная среда нарушает материал-стайлинг

Question

Это довольно сложный вопрос для объяснения. Я использую довольно простой веб-пакет «Реакция + Редукс + Настройка маршрутизатора». В рамках этой настройки я использую только material-ui@1.0.0-beta.43 в качестве пакета пользовательского интерфейса. На стороне также есть некоторые дополнительные стили Scss. Все пакеты обновлены.

В среде разработки все это работает как положено. Однако, когда он скомпилирован с NODE_ENV, установленным на production, стилизация становится действительно странной. Я проверил разницу в конфигурации webpack между производством и разработкой, но это ничего не решило. Так что где-то в пакете среда как-то, кажется, ломает вещи.

Нормальное развитие

import { Grid } from 'material-ui' in the root"> Производственная среда с использованием import { Grid } from 'material-ui' в корне

import Grid from 'material-ui/es/Grid/Grid' in the root"> Производственная среда с использованием import Grid from 'material-ui/es/Grid/Grid' в корне

---

Честно говоря, я понятия не имею, почему он так поступает. В другом проекте у меня есть material-ui@1.0.0-beta.22 в производстве, а в качестве базы - response-create-app, который прекрасно работает. Использование бета 22 также не решает проблему. Также не происходит понижение версии до веб-пакета 3, используемого в реакции-создании-приложения. Кажется, я не могу найти каких-либо существенных различий, которые могли бы привести к такому результату.

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

Answer 1

Один обходной путь для использования,

import {createGenerateClassName} from 'react-jss'
const generateClassName = createGenerateClassName()

<JssProvider generateClassName={generateClassName}>
  <App1 />
</JssProvider>

@ kof комментарий к github по схожей проблеме

Answer 2

5 часов попыток, прежде чем я отправил этот вопрос и 1 час после, и я наконец выяснил причину. IntelliJ auto импортировал некоторые material-ui/es части пакета, и им удалось полностью разрушить всю стилизацию в производстве. Либо смешивание двух мест импорта, либо просто использование импорта /es, вероятно, является проблемой.

Для меня это исправлено сейчас в производстве.