import { QuickInquiryInfo } from "./quickInquiryInfo.vue"; 报错:chunk-vendors.js:2765 [Vue warn]: Unknown custom element: <quick-inquiry-info> - did you register the component correctly? For recursive components, make sure to provide the "name" option.,给出解决方案
时间: 2024-02-27 20:57:37 浏览: 55
vue-router 按需加载 component: () => import() 报错的解决
5星 · 资源好评率100%
这个报错通常出现在你在组件中使用了另一个组件,但是该组件没有被正确注册。你需要在当前组件的父组件或者根 Vue 实例中注册该组件。
要注册一个组件,可以使用 Vue.component() 方法,或者在父组件中使用 components 选项。假设你的 QuickInquiryInfo 组件已经正确定义了,那么你可以像下面这样注册它:
```javascript
import Vue from 'vue';
import QuickInquiryInfo from './quickInquiryInfo.vue';
Vue.component('quick-inquiry-info', QuickInquiryInfo);
```
如果你希望只在某个父组件中使用 QuickInquiryInfo 组件,可以在该父组件的 components 选项中注册:
```javascript
import QuickInquiryInfo from './quickInquiryInfo.vue';
export default {
name: 'ParentComponent',
components: {
'quick-inquiry-info': QuickInquiryInfo
}
// ...
}
```
在这个例子中,我们将 QuickInquiryInfo 组件注册为 'quick-inquiry-info',然后可以在父组件的模板中使用 <quick-inquiry-info> 标签了。
阅读全文