tailwindcss: Cannot destructure property 'nuxt' of 'this' as it is undefined.

Just for confirmation, this error still exists in v6.2.0 when used with Nuxt2

My solution for now:

Downgrade to version 4.2.1.

yarn add @nuxtjs/tailwindcss@4.2.1

temporarily solved by using overrides property.

npm version >= 8.3

// package.json
...
  "overrides": {
    "@nuxtjs/tailwindcss": {
      "@nuxt/kit": "3.0.0-rc.13"
    }
  },
...

> npm list @nuxt/kit
└─┬ @nuxtjs/tailwindcss@5.3.5
  └── @nuxt/kit@3.0.0-rc.13 overridden

For yarn users please use in your package.json

"resolutions": {
    "@nuxt/kit": "3.0.0-rc.13"
  }

This is workaround and works, but this is not a solution. "overrides" is easy to setup in when you have access to package.json, but what about libraries that use nuxt/tailwind module as dependency ? There is no way to setup overrides. Even if we force "@nuxt/kit": "3.0.0-rc.13" as dependency in the library. According to the documentation this module should works with nuxt2, but the problem is still there.

For yarn users please use in your package.json

"resolutions": {
    "@nuxt/kit": "3.0.0-rc.13"
  }

In case anyone needs the npm equivalent. It resolves the issue for now (nuxt 2.15.8, tailwind 6.2.0)

"overrides": {
    "@nuxt/kit": "3.0.0-rc.13"
}

My solution for now: Downgrade to version 4.2.1. yarn add @nuxtjs/tailwindcss@4.2.1

good idea

By this action you will downgrade to tailwind v2, and it may cause some error, as it did in my project.