Erreur de build Nuxt : TypeError : Impossible de déstructurer « ceci » de la propriété « nuxt » car elle n'est pas définie

Question

Je souhaite créer un nouveau projet Nuxt et suivre les instructions ici : https://nuxtjs.org/docs/get-started/installation. En gros, courez npm init nuxt-app@latest .

Après l'avoir configuré (j'ai choisi Tailwind comme interface utilisateur de choix), j'ai exécuté npm run dev et il s'est écrasé en essayant de construire avec "Impossible de déstructurer la propriété 'nuxt' de 'this' telle qu'elle est" n'est pas défini. »

Voici la pile complète :

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)

J'ai trouvé que '@nuxtjs/tailwindcss' 会消除错误，但它不会创建我需要的 tailwind 配置文件。另外，在 postcss8Module 的 index.js 中导致错误的行是 const { nuxt } = this。由于某种原因 this n'est pas défini dans buildModules dans nuxt.config.js.

Answer 1

Ce bug provient de la récente version Nuxt 3 et se trouve sur create-nuxt-app Github.

Create-nuxt-app n'est pas encore compatible avec Nuxt 3. Donc pour l'instant vous devez installer Nuxt 3 et Tailwind CSS manuellement :

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

Vous devriez maintenant pouvoir exécuter votre application comme prévu :

npm run dev

Answer 2

Bonjour, désolé, il n'y a pas assez de représentants pour commenter ce problème, mais je voulais juste dire que ce problème est également suivi. https://github.com/nuxt/framework/issues/9115 pour Nuxt 2