Vue 3 - “无法解析组件”警告答案

【问题标题】：Vue 3 - "Failed to resolve component" warningVue 3 - “无法解析组件”警告
【发布时间】：2021-09-21 19:33:14
【问题描述】：

当我尝试从我的 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 文件夹中有很多组件

【问题讨论】：

标签： javascript vue.js import vuejs3 es6-modules

【解决方案1】：

你应该把导入语句写成如下：

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

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

【讨论】：

如果我这样做，路径将是components/components，并且此代码将产生错误。奇怪的是，它工作只适用于外部目录，但在components目录路径./不起作用。