登录  /  注册
Nuxt 构建错误:TypeError:无法解构属性“nuxt”的“这个”因为它是未定义的
P粉156415696
P粉156415696 2023-12-11 16:47:40
[Vue.js讨论组]

我想创建一个新的 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 
cd 
npm install
npm install @nuxtjs/tailwindcss --save-dev

现在您应该能够按预期运行您的应用程序:

npm run dev
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 技术文章
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号

登录PHP中文网,和优秀的人一起学习!
全站2000+教程免费学