Material-ui и реагирует, не воспроизводит то же поведение после `npm run build`? - PullRequest
Новая
       48

Material-ui и реагирует, не воспроизводит то же поведение после `npm run build`?

0 голосов
/ 18 сентября 2018

Я работаю над созданием библиотеки содержимого, где я использую реагирующее приложение, используя create-react-app.package.json выглядит как 

{
  "name": "demo",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^1.4.1",
    "@material-ui/icons": "^2.0.1",
    "firebase": "^5.3.0",
    "md5": "^2.2.1",
    "react": "^16.4.1",
    "react-dom": "^16.4.1",
    "react-flexbox-grid": "^2.1.2",
    "react-katex": "^2.0.2",
    "react-redux": "^5.0.7",
    "react-router-dom": "^4.3.1",
    "react-scripts": "1.1.4",
    "redux": "^4.0.0",
    "redux-thunk": "^2.3.0",
    "uuid": "^3.3.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

При запуске yarn install && yarn start приложение работает нормально, см. Снимок ниже
Хотя при запуске yarn build && serve -s build или npm run build && serve -s build приложение не выглядитто же самое и UX испорчен, см. ниже
Файл yarn.lock связан https://pastebin.com/dDHnvRWA

Ожидаемое поведение

Страница на yarn start и одна после запускаnpm run build && serve -s build должно быть точно таким же

Текущее поведение

Страница, которая появляется после npm run build && serve -s build, отличается (см. Прилагаемые снимки)

Ваше окружение 

| Tech         | Version |
|--------------|---------|
| Material-UI/core  | ^1.4.1 |
| Material-UI/icons | ^2.0.1|  
| React        |    ^16.4.1     |
| Browser      |   Google Chrome Version 68.0.3440.106 (Official Build) (64-bit)      |
| TypeScript   |      None   |
| etc.         |         |

enter image description here
enter image description here

1 Ответ

0 голосов
/ 18 сентября 2018

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

Неправильный путь (вызывая проблему) 

import {AppBar, Toolbar, Typography} from
    "@material-ui/core/umd/material-ui.production.min";

Правильный путь 

import AppBar from "@material-ui/core/AppBar";
import Toolbar from "@material-ui/core/Toolbar";
import Typography from "@material-ui/core/Typography";

После импорта из Правильный путь приложение начало работать должным образом

...