React 网站在 npm 运行 构建后应用不同的 css

Question

我正在使用 npm run build 创建我的网站的生产版本并使用 netlify 来托管它。创建生产版本后，网站的外观发生了巨大变化，我不明白为什么。
前 View on codesandbox
之后
Production

几乎每一页上的其他几个方面也不同。 当我发现我的 Css 的多个部分正在更改相同的 Html 标记时，我之前遇到过这个问题，但我没有在这段代码中看到它。
github repo 非常感谢您的任何建议。

Answer 1

我发现了我的错误。 不要像我一样将 bootstrap、react-bootstrap 和自定义 css 混入科学怪人的怪物中。我的 SOF 名称是有原因的。
如果将来其他人遇到此问题，请简化您的 css，并且您可能需要重做整个布局。