Angular 15中TailwindCSS样式加载延迟导致初始页面无样式问题求助

大家好，我遇到了一个Angular 15搭配Tailwind CSS时的奇怪问题：页面首次加载、需要拉取所有数据的时候，Tailwind的样式要过一会儿才会加载出来，导致用户先看到没有任何样式的纯HTML。有意思的是，直接写在SCSS里的样式加载就很快（比如左上角加载 spinner 的绿色，一下子就能看到）。

（加载Tailwind样式前的页面状态）
（加载Tailwind后的页面状态）

我用的是Angular 15，我的Tailwind配置是这样的：

/** @type {import('tailwindcss').Config} */
module.exports = {
  mode: "jit",
  purge: {
    content: ["./src/**/*.{html,ts}"],
  },
  theme: {
    extend: {
      screens: {
        md: "900px",
      },
    },
  },
  plugins: [],
};

我分析网络请求的时候发现，包含所有Tailwind添加元素的styles.36f3f1e001ffd7ec.css文件，总是在JavaScript文件之后才开始下载。

有没有人遇到过类似的问题，知道怎么解决吗？

备注：内容来源于stack exchange，提问作者Mikołaj Kaczmarski