Nuxt 建置錯誤:TypeError:無法解構屬性「nuxt」的「這個」因為它是未定義的
P粉156415696
P粉156415696 2023-12-11 16:47:40
0
2
379

我想建立一個新的 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 未定義。

P粉156415696
P粉156415696

全部回覆(2)
P粉550257856

該錯誤來自最近的 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
P粉101708623

您好,抱歉沒有足夠的代表對此發表評論,但只是想說這個問題也正在被跟踪 https://github.com/nuxt/framework/issues/9115 適用於 Nuxt 2

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!