존재하지 않는 구성 요소에 대해 Vue.js에서 오류를 생성합니다.

Question

존재하지 않는 구성요소를 사용하려고 할 때 콘솔에 간단한 경고 대신 오류가 생성되기를 원합니다.

[Vue 경고]: 구성 요소 확인 실패: 존재하지 않는 구성 요소
기본 맞춤 요소인 경우 컴파일러옵션.isCustomElement를 통해 구성 요소 확인에서 제외해야 합니다.
  <MainLayout onVnodeUnmounted=fn<onVnodeUnmounted>
  <RouterView>
  <App>

때때로 사람들이 흐름을 깨뜨리지만 구성 요소가 전혀 표시되지 않기 때문에 눈치 채지 못할 수도 있습니다. 이 문제를 해결할 방법이 있나요?

Answer 1

롤업 플러그인을 사용하면 이 문제를 해결하는 것은 매우 쉽습니다. 플러그인은 vite.config.js에 직접 작성할 수 있습니다. 여기에서 롤업의 resolveId 후크를 사용할 수 있습니다. Vite/Rollup은 가져오기를 해결할 수 없을 때 이 후크를 호출합니다. Vue 단일 파일 구성 요소(SFC)인 경우 원하는 자리 표시자 구성 요소로 해결할 수 있습니다.

으아아아

src/comComponents/Placeholder.vue를 번역하세요(비어 있게 하려면 이렇게 하세요):

으아아아