Vue 3 - “無法解析元件”警告

Question

我在嘗試從我的index.js檔案中匯入元件時遇到了這個警告。

這是我的元件資料夾：

components/
|-- index.js
|-- ComponentA.vue
|-- ComponentB.vue
|-- ComponentC.vue

和index.js：

import ComponentA from './ComponentA';
import ComponentB from './ComponentB';
import ComponentC from './ComponentC';

export { ComponentA, ComponentB, ComponentC };

當我在任何組件（B或C）中嘗試這樣做時

<script>
import { ComponentA } from './';

console.log(ComponentA); // undefined

export default {
    components: { ComponentA }
}
</script>

我在控制台中收到一個警告，如何修復它？我在這裡做錯了什麼？

順便說一下，這個方法可行：

import ComponentA from './ComponentA';

但我不想使用這種方法，因為我在components資料夾中有很多元件

Answer 1

你應該將導入語句寫成如下形式：

<script>
import { ComponentA } from './components';

export default {
    components: { ComponentA }
}
</script>