Javascript 我的CSS在localhost中运行良好，但当我在线发布应用程序时会崩溃？

这里是livepage：

我的建议是：

• 我在NextJS中使用自定义服务器，可能会影响结果？
• 请给出其他提示，您认为我的CSS规则的顺序可以在这里发挥作用吗？因为本地样式表的规则与在线样式表的顺序不同。所以也许有些规则可以被覆盖。根据CSS的顺序规则我指的是规则的作用域。divA{在样式表中的特定位置、样式表顶部或样式表底部建立一些规则}在简单的特定规则之上

  字体。。边缘等等。

• 它可以是网页包，可以在开发环境和分发环境之间进行更改

事实上，我在开发模式和生产模式之间什么都不做，只是运行纱线构建=>引导下一个构建。所以整个过程都是自动化的。那么为什么它会在本地工作，而在构建之后，它会中断？我在测试中比较了两个样式表相对于导航侧栏的特定序列，这两个样式表在生产模式下以蓝色字体中断，结果如下：内容100%匹配

这里有两个快照，显示本地模式和分发模式之间的差异

本地模式：

建造-生产-模式：

我用NextJS和ReactJS建立了一个网站。当我在localhost上工作时，CSS附加了构建良好的代码或只是开发模式的代码，这两种代码在我的应用程序中都很好地工作，但当我在线工作时，它只是中断并显示在某些部分上，而无法在其他部分上显示

请问这里有什么麻烦的可能？我不知道发生了什么，我的CSS很好，甚至我的JS也很好，只有两个小错误

---

谢谢你的提示

可能与路径问题有关。检查控制台r u是否有任何404错误好的，我会看一下，但同时我有一个问题，如果是404错误，为什么它会在本地工作，而不是仅在本地工作？在Localhost中，您的根目录将是“/”。但在服务器中，它将根据web服务器“其他提示，您认为我的CSS规则的顺序可以在这里发挥作用吗？因为我的样式表规则在本地的顺序与在线的顺序不同。因此，可能有些规则可以被覆盖。”是的，顺序在CSS中很重要。这可能就是问题所在。这里的症状可能是一些样式不正确，但是--如果样式看起来好像完全不存在，则表明存在不同类型的问题。它是否可以访问实际的字体文件？可能与路径问题有关。检查控制台r u是否有任何404错误好的，我会看一下，但同时我有一个问题，如果是404错误，为什么它会在本地工作，而不是仅在本地工作？在Localhost中，您的根目录将是“/”。但在服务器中，它将根据web服务器“其他提示，您认为我的CSS规则的顺序可以在这里发挥作用吗？因为我的样式表规则在本地的顺序与在线的顺序不同。因此，可能有些规则可以被覆盖。”是的，顺序在CSS中很重要。这可能就是问题所在。这里的症状可能是一些样式不正确，但是——如果样式看起来好像完全没有，这将表明另一种问题。它有权访问实际的字体文件吗？