Vue警告:'未知的自定义元素'与重新导出的组件

时间:2017-10-27 09:37:24

标签: vue.js components es6-modules

我的Vue项目index.js文件夹中有一个components文件,允许我导入这样的组件:

import { home, search, tour } from '@/components';

index.js文件:

export { default as home } from './home/home.vue';
export { default as search } from './search/search.vue';
export { default as tour } from './tour/tour.vue';
export { default as tourItem } from './tour-item/tour-item.vue';

现在,当使用嵌套组件(应该在另一个组件中使用的组件)执行此操作时,它会给我unknown custom element错误。

我不明白为什么会抛出这个错误 - 它只是另一个组件,对吗?

更明确一点,这有效:

import tourItem from '@/components/tour-item/tour-item.vue';

这并不是:

import { tourItem } from '@/components';

1 个答案:

答案 0 :(得分:1)

我有同样的问题。尝试在index.js中的父级之前导出子组件/本地组件。这解决了我的问题。

Solution in Vue forum