I want to create a new Nuxt project and follow the instructions here: https://nuxtjs.org/docs/get-started/installation. Basically just runnpm init nuxt-app@latest
.
After completing the setup (I chose Tailwind as my UI of choice), I rannpm run devand it crashed when trying to build with "Unable to destructure properties of 'this' as is'nuxt" '" is not defined. ”
This is the complete 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)
I found that not including'@nuxtjs/tailwindcss'in the buildModules of nuxt.config.js eliminated the error, but it did not create the tailwind configuration file I needed. Also, the line in index.js of postcss8Module that causes the error isconst { nuxt } = this. For some reasonthisis undefined.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
This error comes from a recentNuxt 3 versionand is beingcreate-nuxt-app Github.
Create-nuxt-app is not yet compatible with Nuxt 3. Therefore, currently you must install Nuxt 3 and Tailwind CSS manually:
Now you should be able to run your application as expected:
Hi, sorry there aren't enough reps to comment on this, but just wanted to say this issue is being tracked as wellhttps://github.com/nuxt/framework/issues/9115For Nuxt 2