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

Question

我基于node.js、material-ui和create-react-app构建了一个网站。

当我使用yarn start进行开发构建时，我在本地主机上得到了以下结果：

然后，经过yarn build的生产构建后，我得到了以下结果：

所有功能都可以正常工作，除了布局。

您有什么想法可能是原因？

- Dany Dhondt

---

你能发布你的代码吗？ - Colin Ricardo

最好的发布方式是什么？ - Dany Dhondt

我正在处理这个问题。其中有一个依赖项在GitHub上。我遇到了以下错误：无法获取依赖项，请在几秒钟后重试：无法获取@ https://github.com/ahs-mediatheken/bo-module-taxonomie.git的版本：ENOENT：没有此类文件或目录，打开'/ var / task / @ https：/ github.com / ahs-mediatheken / bo-module-taxonomie.git / package.json'。 - Dany Dhondt

https://codesandbox.io/s/github/ahs-mediatheken/bo-main/tree/master/ - Dany Dhondt

我直接从GitHub导入了沙盒，但是仍然存在与另一个存储库的链接问题。我会尝试解决它。 - Dany Dhondt

Answer 1

似乎rollup包含了两次额外的material-ui，这导致应用程序崩溃。如果您仔细查看med-react-component和bo-module-taxonomie中构建的内容，您会注意到rollup在两个构建中都包括了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",
    ...

- Evgeny Timoshenko

---

谢谢Evgeny！这解决了我的问题！我以为npm永远不会重复安装东西，但是我错了。你让我反思了依赖和同级依赖之间的区别。太棒了！ - Dany Dhondt

实际上，这与npm无关，而是与rollup有关，您导入已经构建好的内容。 - Evgeny Timoshenko