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>