create-nuxt-app v5.0.0搭配Tailwind启动失败：无法解构this的nuxt属性

使用 create-nuxt-app v5.0.0 创建的项目集成 Tailwind 后无法启动，执行 yarn run nuxt 时报错。已尝试以下操作：

• 通过 NVM 安装 Node.js v18.15.0
• 在 package.json 中添加 "@nuxt/kit": "3.2.3"
• 配置 "overrides": {"@nuxt/kit": "3.0.0-rc.12"}
• 配置 "resolutions": {"@nuxt/kit": "3.2.3"}
• 手动安装 Tailwind

报错信息如下：

yarn run v1.22.19
$ nuxt

 WARN  The dependency stylelint not found. Please run yarn add stylelint --dev or npm install stylelint --save-dev

ℹ Using default Tailwind CSS file from runtime/tailwindcss  nuxt:tailwindcss 15:06:00

 FATAL  Cannot destructure property 'nuxt' of 'this' as it is undefined.      15:06:00

  at postcss8Module (node_modules/@nuxt/postcss8/dist/index.js:15:10)
  at installModule (node_modules/@nuxt/kit/dist/index.mjs:451:21)
  at async setup (node_modules/@nuxtjs/tailwindcss/dist/module.mjs:186:7)
  at async ModuleContainer.normalizedModule (node_modules/@nuxt/kit/dist/index.mjs:169:17)
  at async ModuleContainer.addModule (node_modules/@nuxt/core/dist/core.js:167:20)
  at async ModuleContainer.ready (node_modules/@nuxt/core/dist/core.js:34:7)
  at async Nuxt._init (node_modules/@nuxt/core/dist/core.js:342:5)

  ✖ Nuxt Fatal Error                                                 
                                                                         
      TypeError: Cannot destructure property 'nuxt' of 'this' as it is   
     undefined. 

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

核心原因 #

create-nuxt-app v5.0.0 创建的是 Nuxt 2 项目，而你安装的 @nuxtjs/tailwindcss 最新版本适配的是 Nuxt 3，两者依赖版本不兼容，导致上下文丢失报错。

具体步骤 #

1. 卸载冲突依赖

   yarn remove @nuxt/kit @nuxt/postcss8 @nuxtjs/tailwindcss
   

2. 安装适配 Nuxt 2 的 Tailwind 模块版本

   yarn add @nuxtjs/tailwindcss@4.2.1 --dev
   

3. 清理强制版本配置
   删除 package.json 中的 overrides 和 resolutions 字段，避免强制版本引发冲突。

4. 确认 Nuxt 配置
   确保 nuxt.config.js 中正确引入 Tailwind 模块：

   export default {
     modules: [
       '@nuxtjs/tailwindcss'
     ]
   }
   

5. 重启项目

   yarn install
   yarn run nuxt
   

内容的提问来源于stack exchange，提问作者chillcoder