Nuxt 构建错误：TypeError: Cannot destructure property \'nuxt\' of \'this\' as it is undefined答案

【问题标题】：Nuxt build error: TypeError: Cannot destructure property 'nuxt' of 'this' as it is undefinedNuxt 构建错误：TypeError: Cannot destructure property \'nuxt\' of \'this\' as it is undefined
【发布时间】：2022-11-20 07:00:52
【问题描述】：

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

完成设置后（我选择 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\@nuxt\postcss8\dist\index.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\@nuxt\core\dist\core.js:239:20)
  at async ModuleContainer.ready (node_modules\@nuxt\core\dist\core.js:51:7)
  at async Nuxt._init (node_modules\@nuxt\core\dist\core.js:478:5)

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

【问题讨论】：

使用节点 v16 并尝试npx create-nuxt-app my-new-project，看看是否效果更好。
@kissu 我仍然遇到同样的错误。
那么你的系统出了点问题，因为那个系统应该可以完美地工作。

标签： vue.js npm nuxt.js tailwind-css

【解决方案1】：

该错误来自最近的Nuxt 3 Release，正在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

【讨论】：