安装Nuxt Scripts至Nuxt3+Tailwind项目后构建失败及报错

我有一个基于Nuxt.js + Tailwind CSS的项目，之前本地执行yarn dev可以正常构建。为添加YouTube嵌入功能，我按步骤安装了Nuxt Scripts：

1. 执行npx nuxi@latest module add scripts
2. 执行npm add -D @types/youtube
3. 运行npm audit fix

之后项目无法构建，出现两个问题：

1. 执行yarn build或yarn dev时，构建报错：

ERROR Nuxt Build Error: [@tailwindcss/vite:generate:build] Missing field negated on ScannerOptions.sources nuxi 4:10:09 p.m.
file: [ROOT]/assets/main.css

at C.generate (/[ROOT]/node_modules/@tailwindcss/vite/dist/index.mjs:1:4303)
at async Object.transform (/[ROOT]/node_modules/@tailwindcss/vite/dist/index.mjs:1:2354)
at async transform (/[ROOT]/node_modules/rollup/dist/es/shared/node-entry.js:20906:16)
at async ModuleLoader.addModuleSource (/[ROOT]/node_modules/rollup/dist/es/shared/node-entry.js:21119:36)

2. VS Code中nuxt.config.ts文件报错：

Object literal may only specify known properties, and 'app' does not exist in type 'InputConfig<NuxtConfig, ConfigLayerMeta>'.

注：删除'app'节点后，会报错文件中的下一个节点。

针对第一个构建错误 #

这个错误是@tailwindcss/vite插件版本与项目依赖不兼容导致的，npm audit fix可能自动升级了该插件到不兼容版本。解决步骤：

• 打开package.json，找到@tailwindcss/vite依赖，将版本修改为与当前Nuxt版本兼容的稳定版（比如Nuxt 3推荐^0.2.0，或匹配你项目Tailwind CSS大版本的插件版本）
• 删除node_modules文件夹、yarn.lock或package-lock.json
• 重新执行yarn install或npm install
• 再次尝试yarn dev或yarn build

针对第二个类型错误 #

这个问题是Nuxt配置类型定义冲突或版本不匹配导致的，通常是npm audit fix升级了相关类型依赖，或Nuxt Scripts引入了不兼容类型。解决步骤：

• 确保项目中@nuxt/types或@nuxt/kit版本与Nuxt主版本一致（比如Nuxt 3.x对应@nuxt/kit 3.x）
• 删除node_modules和锁文件，重新安装依赖
• 若问题仍存在，在nuxt.config.ts顶部添加正确的类型声明：

import type { NuxtConfig } from '@nuxt/schema'

const config: NuxtConfig = {
  // 你的配置内容
  app: {
    // app相关配置
  }
}

export default config

• 临时绕过类型检查可在报错行添加// @ts-ignore，但优先解决版本匹配问题

内容的提问来源于stack exchange，提问作者d-fws