Tailwind Netlify - 本地站点看起来与部署不同

Tailwind Netlify - local site looks different from deploy

我有一个非常基本的设置，没什么特别的，只是 HTML（没有 Vue 等）。我安装了 Tailwind，一切正常 运行ning。当我部署到 Netlify 时，应用了 Tailwind 样式，但站点看起来仍然非常不同。我不清除，而是使用“netlify deploy”命令。

下面是我的步骤：

  1. 我改变了一些东西，watcher 正在 运行ning 并输出 /dist
    2. 中的所有内容
  2. 我用scss
  3. 我在我的终端运行“netlify deploy”

截图如下：

本地：

在 Netlify 上：

如您所见，图标之间的间距更大，我想知道为什么会这样。当我检查代码时，它完全一样。我已经处理了几个小时了，在我知道这个问题的来源之前我无法继续。

我尝试过的东西：

  1. 向 tailwind 配置添加清除，没有帮助
  2. 运行“netlify deploy --prod”，也没有帮助
  3. 正在清除缓存

来源：

回购：https://github.com/RobineSavert/map-portfolio

Netlify：https://6190119577337c9293c65f02--ecstatic-thompson-9cf61b.netlify.app/

我在 Netlify 上的部署设置

谁能告诉我我做错了什么？非常感谢！

如果您希望结果看起来与第一张图片相似，然后在 line 30 上为您的图标包装：

<!-- from this -->
<div class="flex flex-wrap just m-16 py-3 justify-between">

<!-- to this -->
<div class="... justify-start">

会解决它，虽然我不确定 just??