Vue 3 - "구성요소를 확인할 수 없습니다" 경고

Question

index.js 파일에서 구성요소를 가져오려고 할 때 이 경고가 발생했습니다.

이것은 내 구성요소 폴더입니다:

컴포넌트/
|-- index.js
|-- ComponentA.vue
|-- ComponentB.vue
|-- ComponentC.vue

및 index.js:

'./ComponentA'에서 ComponentA 가져오기;
'./ComponentB'에서 ComponentB를 가져옵니다.
'./ComponentC'에서 ComponentC를 가져옵니다.

내보내기 { ComponentA, ComponentB, ComponentC };

어느 구성 요소(B 또는 C)에서 이 작업을 시도할 때

<script>
'./'에서 { ComponentA } 가져오기;

console.log(ComponentA); // 정의되지 않음

기본값 내보내기 {
    구성요소: {ComponentA}
}

<p>콘솔에 경고가 표시됩니다. 어떻게 해결하나요? 내가 여기서 뭘 잘못하고 있는 걸까? </p>
<p>그런데 이 방법이 효과적입니다:</p>
<pre class="brush:php;toolbar:false;">'./ComponentA'에서 ComponentA 가져오기;

하지만 comComponents 폴더에 많은 구성요소가 있기 때문에 이 방법을 사용하고 싶지 않습니다.

Answer 1

import 문은 다음과 같이 작성해야 합니다.

으아악