Vue 3 - 「コンポーネントを解決できません」という警告

Question

index.js ファイルからコンポーネントをインポートしようとしたときに、この警告が発生しました。

これは私のコンポーネント フォルダーです:

コンポーネント/
|-- インデックス.js
|-- ComponentA.vue
|-- ComponentB.vue
|-- ComponentC.vue

およびindex.js:

コンポーネント A を './ComponentA' からインポートします;
'./ComponentB' から ComponentB をインポートします。
'./ComponentC' から ComponentC をインポートします。

エクスポート { コンポーネント A, コンポーネント B, コンポーネント C };

これをコンポーネント (B または C) で試してみると

<script>
import { ComponentA } から './';

console.log(ComponentA); // 未定義

デフォルトのエクスポート {
    コンポーネント: {コンポーネントA}
}
</script>

コンソールに警告が表示されます。どうすれば修正できますか?ここで私は何を間違っているのでしょうか？

ちなみに、この方法はうまくいきます:

import ComponentA from './ComponentA';

しかし、components フォルダ

に多くのコンポーネントがあるため、この方法は使いたくありません。

Answer 1

インポート ステートメントは次の形式で記述する必要があります:

リーリー