生产构建后，Material-ui布局混乱

Question

我已经建立了一个基于node.js，material-ui和create-react-app的网站。

当我使用yarn start进行开发构建时，我在localhost上得到了这个结果：

然后，在使用yarn build进行生产构建之后，我得到了这个：

除布局外，所有功能都有效。

任何想法可能是什么原因？

Answer 1

看起来material-ui被累计包含了两次，这打破了应用程序。如果您仔细查看med-react-component和bo-module-taxonomie中构建的内容，您会注意到汇总包含两个版本中的material-ui。 由于您使用的是rollup-plugin-peer-deps-external，因此您应在material-ui和med-react-component中bo-module-taxonomie建立同级相关性：

"peerDependencies": {
    "@material-ui/core": "^1.0.0",
    "@material-ui/icons": "^1.0.0",
    ...