Vite의 중첩 디렉토리 Nuxt 3 사용

Question

Nuxt 3 베타에서 vite의 중첩 디렉터리를 사용하고 싶습니다.

Nuxt 2에서는 (nuxt.config.js)에서 이 구성을 사용했고 작동합니다:

으아악

다음 디렉토리 구성이 있습니다:

으아악

하지만 <HeroSection/> 放入 pages/index.vue 추가하려고 하면 이런 오류가 발생합니다.

으아악

nuxt 3에서는 더 이상 작동하지 않으며 추가 구성이 필요합니까? 문서에서 관련 내용을 찾을 수 없기 때문입니다

감사합니다<3

Answer 1

중첩 디렉터리를 사용하려면 구성 요소에 디렉터리 이름을 추가해야 합니다.

으아악

이 동작을 사용하면 구성 요소 이름 지정의 복잡성을 단순화할 수 있습니다.

으아악

이렇게 사용하면 되겠죠

으아악

여기 문서에서 자세한 내용을 읽어보세요: https://v3.nuxtjs.org/guide/directory-struct/comComponents#comComponent-names