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