Nuxt-Build-Fehler: TypeError: „This“ der Eigenschaft „nuxt“ kann nicht destrukturiert werden, da es undefiniert ist

Question

Ich möchte ein neues Nuxt-Projekt erstellen und den Anweisungen hier folgen: https://nuxtjs.org/docs/get-started/installation. Im Prinzip einfach laufen npm init nuxt-app@latest .

Nachdem ich es eingerichtet hatte (ich habe Tailwind als Benutzeroberfläche meiner Wahl ausgewählt), habe ich npm run dev ausgeführt und es stürzte ab, als ich versuchte zu erstellen, wobei „Eigenschaft 'nuxt' von 'this', wie sie ist, kann nicht destrukturiert werden“ undefiniert ist.

Hier ist der komplette Stack:

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)

Ich habe festgestellt, dass '@nuxtjs/tailwindcss' 会消除错误，但它不会创建我需要的 tailwind 配置文件。另外，在 postcss8Module 的 index.js 中导致错误的行是 const { nuxt } = this。由于某种原因 this in buildModules in nuxt.config.js nicht definiert ist.

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