next.js - Tailwind 的 JIT 模式在 Next JS 的本地主机预览中不起作用

Question

我正在构建一个 Next JS 网站并使用 JIT 运行 Tailwind。这是我的 tailwind.config.js:

  module.exports = {
  mode: "jit",
  purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {},
  extend: {},
  plugins: [],
  };

问题是每次我编写新代码时，我都必须重新启动服务器并运行“npm run dev”，因为它没有在 http://localhost:3000/上更新我的 CSS。
我在运行服务器时也会收到警告:

warn - You have enabled the JIT engine which is currently in preview.
warn - Preview features are not covered by semver, may introduce breaking changes, and can change at any time.

任何想法可能导致这种情况？
谢谢!

Answer 1

我遇到过同样的问题，
删除所有内联顺风类并将它们放入 CSS 文件中后 @apply它可以正常工作。
也许顺风在 Next 服务器渲染组件之前编译 CSS。