ruby-on-rails - Rails 6 和 TailwindCSS 的 PostCSS 插件错误

Question

有一个使用 TailwindCSS 1.9 版的新 rails 6.0.3.4 应用程序。刚刚尝试升级到最新的 TailwindCSS 版本后，我收到以下错误:

ERROR in ./app/javascript/stylesheets/application.scss (./node_modules/css-loader/dist/cjs.js??ref--7-1!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./app/javascript/stylesheets/application.scss)

Module build failed (from ./node_modules/postcss-loader/src/index.js):

Error: PostCSS plugin tailwindcss requires PostCSS 8.

Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users

尝试运行时此错误仍然存​​在

bin/webpack

找不到有关如何升级到 PostCSS 版本 8 的任何信息。

Answer 1

yarn remove tailwindcss

yarn add tailwindcss@compat

bin/webpack

这为我解决了问题，让我使用了 tailwindcss 2。Tailwind 发布了一个与 PostCSS7 兼容的版本。