Nuxt + Tailwind:我的tailwind.config.js文件没有效果，而是使用默认配置

Question

我已经跟踪了官方的Tailwind + Nuxt文档，以将Tailwind添加到Nuxt。我这样做的2个新项目和1个现有的Nuxt项目。前两个项目很好，但是.

现有的Nuxt项目现在给我带来了困难，因为它似乎忽略了tailwind.config.js 文件.。

不管我对配置文件做了什么更改，顺风都能工作，但它使用的是默认配置。当对配置进行更改时，Nuxt也不会重新加载.

另一方面，我的IDE会检测到这些更改，并将其作为IntelliSense自动完成选项提供.

我很迷茫，不知道从哪里开始疑难解答。如果这有帮助的话，很乐意分享回购。

任何帮助都非常感谢。谢谢!

-J小姐

Answer 1

您是否在buildModules of nuxt.config.js (而不是模块)中注册了尾风？

  buildModules: [
    // https://go.nuxtjs.dev/tailwindcss
    '@nuxtjs/tailwindcss'
  ],

您能添加一些代码来帮助排除故障吗？

• package.json
• nuxt.config.js
• tailwind.config.js

你想在顺风配置中改变什么？

Tailwind的Nuxt模块使用的是v1.9.6，而不是最新的版本2.0.3，因此在文档之后尝试更改配置文件的某些内容在当前的nuxt包中可能是不可能的。

您可以升级到最新的尾风版本：https://stackoverflow.com/a/30650609/13541914

yarn add --dev tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

Answer 2

我所做的就是添加一个tailwind.config.js文件。

希望它能帮上忙