Nuxt 构建错误：TypeError：无法解构属性“nuxt”的“这个”因为它是未定义的

Question

我想创建一个新的 Nuxt 项目并按照此处的说明进行操作：https://nuxtjs.org/docs/get-started/installation。基本上只是运行 npm init nuxt-app@latest .

完成设置后（我选择 Tailwind 作为我选择的 UI），我运行 npm run dev ，它在尝试构建时崩溃，并显示“无法按原样解构‘this’的属性‘nuxt’”未定义。”

这是完整的堆栈：

FATAL  Cannot destructure property 'nuxt' of 'this' as it is undefined.                                                                                                                                                      15:22:52  

  at postcss8Module (node_modules@nuxtpostcss8distindex.js:15:10)
  at installModule (/C:/Users/conmi/Documents/Personal/Katie's%20Website/katierose-photos/node_modules/@nuxt/kit/dist/index.mjs:416:9)
  at async setup (/C:/Users/conmi/Documents/Personal/Katie's%20Website/katierose-photos/node_modules/@nuxtjs/tailwindcss/dist/module.mjs:186:7)
  at async ModuleContainer.normalizedModule (/C:/Users/conmi/Documents/Personal/Katie's%20Website/katierose-photos/node_modules/@nuxt/kit/dist/index.mjs:167:5)
  at async ModuleContainer.addModule (node_modules@nuxtcoredistcore.js:239:20)
  at async ModuleContainer.ready (node_modules@nuxtcoredistcore.js:51:7)
  at async Nuxt._init (node_modules@nuxtcoredistcore.js:478:5)

我发现在 nuxt.config.js 的 buildModules 中不包含 '@nuxtjs/tailwindcss' 会消除错误，但它不会创建我需要的 tailwind 配置文件。另外，在 postcss8Module 的 index.js 中导致错误的行是 const { nuxt } = this。由于某种原因 this 未定义。

Answer 1

该错误来自最近的 Nuxt 3 版本，并且正在 create-nuxt-app Github。

Create-nuxt-app 尚不兼容 Nuxt 3。因此，目前您必须手动安装 Nuxt 3 和 Tailwind CSS：

npx nuxi init <project-name>
cd <project-name>
npm install
npm install @nuxtjs/tailwindcss --save-dev

现在您应该能够按预期运行您的应用程序：

npm run dev

Answer 2

您好，抱歉没有足够的代表对此发表评论，但只是想说这个问题也正在被跟踪 https://github.com/nuxt/framework/issues/9115 适用于 Nuxt 2