未知元素:<router-view> - 您是否正确注册了组件?在Vue-Router中

时间:2018-04-14 15:53:30

标签: vue.js vuejs2 vue-component vue-router vuex

我有一个问题,我到处寻找,但找不到合适的解决方案。

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

中找到

---&GT;在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) })

提前致谢

1 个答案:

答案 0 :(得分:3)

不要在字符串上调用Vue.use()。所以,而不是像{:1}中那样Vue.use('VueRouter')

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

在之前导入的参考号(例如Vue.use())上调用Vue.use(VueRouter),如下所示:

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