Nuxt 构建错误:TypeError:无法解构“this”的属性“nuxt”,因为它未定义

Con*_*ist 5 npm vue.js nuxt.js tailwind-css

我想创建一个新的 Nuxt 项目并按照他们的说明进行操作: https: //nuxtjs.org/docs/get-started/installation。基本上就是跑步npm init nuxt-app@latest <project-name>

在完成设置后(我选择 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\@nuxt\postcss8\dist\index.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\@nuxt\core\dist\core.js:239:20)
  at async ModuleContainer.ready (node_modules\@nuxt\core\dist\core.js:51:7)
  at async Nuxt._init (node_modules\@nuxt\core\dist\core.js:478:5)
Run Code Online (Sandbox Code Playgroud)

我发现不包含'@nuxtjs/tailwindcss'在 nuxt.config.js 的 buildModules 中可以消除错误,但它不会创建我需要的 tailwind 配置文件。另外,在 postcss8Module 的 index.js 中导致错误的行是const { nuxt } = this。由于某种原因this是未定义的。

小智 2

您好,抱歉没有足够的代表对此发表评论,但只是想说这个问题也在 Nuxt 2 的https://github.com/nuxt/framework/issues/9115上进行跟踪