vue.js - Vue-Router 中的未知元素 : - did you register the component correctly?

Question

我遇到了一个问题，我到处查看但没有找到合适的解决方案。

[Vue 警告]:未知自定义元素:- 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

发现于

---> 在 src/App.vue

import Vue from 'vue'
import App from './App.vue'
import Generic from './Generic.vue' import ABC from './abc.vue' import  ueRouter from 'vue-router' import { routes } from './router.js'
Vue.component('vue-header', Header); Vue.component('vue-generic', eneric); Vue.component('vue-abc', ABC);
Vue.use('VueRouter');

const router = new VueRouter({
routes,
  mode: 'history'
});
new Vue({  el: '#app',  routes,  render: h => h(App) })

提前致谢

Answer 1

不要在字符串上调用 Vue.use()。所以，而不是像这样使用 Vue.use('VueRouter'):

import VueRouter from 'vue-router';
Vue.use('VueRouter'); // don't call .use() on a string

在先前导入的引用(例如 Vue.use(VueRouter))上调用 Vue.use()，如下所示:

import VueRouter from 'vue-router';
Vue.use(VueRouter); // call .use() on the imported reference