React与dev文件不同的构建文件

Question

我不知道我将如何解释或提供有关该错误的信息，但我会尽力而为，如果您需要，请询问更多信息。

我创建了一个如下所示的React网站。这就是我运行npm run start

时的样子

然而，当我运行npm run build并使用serve -s build运行它时，它会以某种方式弄乱所有CSS并在下面生成

有没有人经历过这个？

我使用Material UI 1.2.0作为前端框架，反应v16.2.0，反应路由器v4.2.0。以下是我的package.json文件

  "dependencies": {
    "@material-ui/core": "^1.2.0",
    "@material-ui/icons": "^1.1.0",
    "animate.css": "^3.6.1",
    "auth0-js": "^9.4.1",
    "axios": "^0.18.0",
    "classnames": "^2.2.5",
    "history": "^4.7.2",
    "jss": "^9.8.2",
    "jss-preset-default": "^4.5.0",
    "material-ui": "^1.0.0-beta.35",
    "material-ui-icons": "^1.0.0-beta.35",
    "prop-types": "^15.6.1",
    "react": "^16.2.0",
    "react-animate-on-scroll": "^2.1.5",
    "react-dom": "^16.2.0",
    "react-event-timeline": "^1.5.3",
    "react-horizontal-timeline": "^1.5.3",
    "react-icons": "^2.2.7",
    "react-redux": "^5.0.7",
    "react-router": "^4.2.0",
    "react-router-dom": "^4.2.2",
    "react-scripts": "^1.1.4",
    "react-scroll": "^1.7.9",
    "react-swipeable-views": "^0.12.13",
    "react-vertical-timeline-component": "^2.0.7",
    "redux": "^3.7.2",
    "redux-form": "^7.3.0",
    "redux-thunk": "^2.2.0",
    "styled-components": "^3.3.0"
  },

对于开发服务器看起来与生产构建不同，它是否有意义？