Nuxt 빌드 오류: TypeError: 'nuxt' 속성의 'this'가 정의되지 않았기 때문에 구조 해제할 수 없습니다.

Question

새 Nuxt 프로젝트를 생성하고 여기 지침을 따르고 싶습니다: https://nuxtjs.org/docs/get-started/installation. 기본적으로 그냥 달리세요 npm init nuxt-app@latest .

설정한 후(Tailwind를 선택한 UI로 선택) npm run dev를 실행했는데 "'this'의 'nuxt' 속성을 그대로 분해할 수 없습니다."가 정의되지 않은 상태로 빌드하려고 하면 충돌이 발생했습니다. ”

전체 스택은 다음과 같습니다.

으아아아

nuxt.config.js의 buildModules에 '@nuxtjs/tailwindcss' 会消除错误，但它不会创建我需要的 tailwind 配置文件。另外，在 postcss8Module 的 index.js 中导致错误的行是 const { nuxt } = this。由于某种原因 this가 정의되어 있지 않은 것을 발견했습니다.

Answer 1

이 버그는 최신 Nuxt 3 버전에서 발생했으며 create-nuxt-app Github에 있습니다.

Create-nuxt-app은 아직 Nuxt 3와 호환되지 않습니다. 따라서 지금은 Nuxt 3 및 Tailwind CSS를 수동으로 설치해야 합니다.

으아아아

이제 예상대로 애플리케이션을 실행할 수 있습니다.

으아아아

Answer 2

안녕하세요. 이에 대해 댓글을 달 수 있는 담당자가 충분하지 않아서 죄송합니다. 하지만 이 문제도 추적 중이라는 점을 말씀드리고 싶었습니다. https://github.com/nuxt/framework/issues/9115 Nuxt 2용