如何在 NuxtJS 上获取 Tailwindcss 2.x
How to get Tailwindcss 2.x on NuxtJS
我尝试在 NetlifyCMS 的 nuxtJS 样板文件上安装 Tailwindcss 2.x，但是在开发版本中，我遇到了这个错误：
模块构建失败（来自 ./node_modules/css-loader/dist/cjs.js）：CssSyntaxError (3:18) 需要左方括号。
我认为只有在未触发 purgeCSS 时才会出现错误，因为生产构建没有问题。
我尝试使用 tailwindcss 1.9 但没有问题。
您可以按照尾风 Nuxt.js 安装指南 here
而不是使用来自 Netlify 的 Nuxt.js 样板
如@nuxt/tailwind official documentation中所述，Nuxt仍在使用PostCSS 7并且几天前刚刚升级到PostCSS 8（Nuxt 2.15.0），因此核心团队现在正在迁移到 TailwindCSS 2.x。
@atinux 现在 busy preparing his talk 适用于 VueJS Amsterdam，因此发布时间几乎在三月的第一周或第二周。
您可以等待 TailwindCSS 官方模块的下一个版本，或者使用第一个 link aka
中提供的解决方案
yarn add --dev tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
此外，作为@Qayyum Shareef，我建议使用官方模块以获得一些重要的支持和更容易的调试。
我尝试在 NetlifyCMS 的 nuxtJS 样板文件上安装 Tailwindcss 2.x，但是在开发版本中，我遇到了这个错误： 模块构建失败（来自 ./node_modules/css-loader/dist/cjs.js）：CssSyntaxError (3:18) 需要左方括号。
我认为只有在未触发 purgeCSS 时才会出现错误，因为生产构建没有问题。
我尝试使用 tailwindcss 1.9 但没有问题。
您可以按照尾风 Nuxt.js 安装指南 here
而不是使用来自 Netlify 的 Nuxt.js 样板如@nuxt/tailwind official documentation中所述，Nuxt仍在使用PostCSS 7并且几天前刚刚升级到PostCSS 8（Nuxt 2.15.0），因此核心团队现在正在迁移到 TailwindCSS 2.x。
@atinux 现在 busy preparing his talk 适用于 VueJS Amsterdam，因此发布时间几乎在三月的第一周或第二周。
您可以等待 TailwindCSS 官方模块的下一个版本，或者使用第一个 link aka
中提供的解决方案yarn add --dev tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
此外，作为@Qayyum Shareef，我建议使用官方模块以获得一些重要的支持和更容易的调试。