两个包中都有两个包,其中有Vue组件。我通过webpack.mix编译包中的所有内容。当我将这些包连接到框架中时,问题就出现了。问题是包号1的Vue找不到包的组件2,因为组件没有注册。一般来说,在连接包时,当两个包都有vue时,什么才是正确的方法?
包裹是我的。在第一包中,我有一个布局
<body id="vue-admin">
<div id="component">
<select-component></select-component>
</div>
</body><select-component> 是第2包的组件
app.js包#1
const app = new Vue ({
el: '#vue-admin',
components: {
'example-component': require ('./components/ExampleComponent.vue').default,
'menu-component': require ('./components/MenuComponent.vue').default,
'flash-component': require ('./components/FlashComponent.vue').default,
'image-upload-component': require ('./components/ImageUploadComponent.vue').default,
'table-component': require ('./ components/TableComponent.vue').default,
}
});app.js软件包#2
const app = new Vue ({
el: '#component',
components: {
'select-component': require ('./components/SelectComponent.vue').default,
}
});错误:未知的自定义元素:<select-component> -您正确注册了组件吗?对于递归组件,请确保提供"name“选项。
发布于 2020-09-04 12:24:11
我找到了答案。未注册的组件可以忽略。https://v2.vuejs.org/v2/api/#ignoredElements,Vue ignore custom component tag
https://stackoverflow.com/questions/63738042
复制相似问题