如何在create-react-app中使用tailwindcss/jit库？

Question

我按照这个安装步骤来配置tailwindcss在create-react-app中。 它可以工作，但是在添加tailwindcss/jit后，应用程序无法正常工作。 我认为这是因为create-react-app不支持PostCSS 8，而tailwindcss/jit似乎需要PostCSS 8。 有任何想法吗？

- gz89

---

保持关注此问题的更新。 https://github.com/facebook/create-react-app/issues/11920 - gz89

Answer 1

jit现在已经包含在v2.1.0版本中，所以您只需要升级即可。最简单的方法是卸载依赖项并重新安装。

它在我的应用程序中运行...但不是所有的类都被输出，这是我需要解决的问题。

npm uninstall tailwindcss
npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat

- nathanjessen

---

我遇到了类没有随机渲染的问题，经过一番摸索，我相信使用Tailwind JIT的create react app用户需要设置“TAILWIND_MODE=watch”。https://tailwindcss.com/docs/just-in-time-mode#styles-don-t-update-when-saving-content-files - Matt V

Answer 2

目前这里的文档 https://tailwindcss.com/docs/guides/create-react-app 是针对稳定版的 Tailwind（2.0.3），并要求您使用 postcss 7，因为稳定版不支持 postcss 8。

tailwindcss jit 支持 postcss 8，因此与 postcss 7（和 craco）相关的步骤对于 jit 版本是多余的。

create-react-app 支持 postcss 8。

- hasnat

---

"Create React App目前还不支持PostCSS 8，因此您需要安装Tailwind CSS v2.0 PostCSS 7兼容版本，就像我们上面展示的那样。" - 这是在Tailwind文档中找到的。 - dup.titung

问题不在于是否支持PostCSS 8，而在于是否有解决方法。 - vcarel