vue-router - vue路由报错：不是一个构造器

问题描述

问 题

使用vue-router的时候报错的 网上也没找到解决办法 不知道是不是我代码哪里有问题
main.js?1c90:21 Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_2__router__.a is not a constructor

下面是代码：
// The Vue build version to load with the import command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue';
import App from './App';
import VueRouter from './router';
import goods from 'components/goods/goods.vue';
import ratings from 'components/ratings/ratings.vue';
import seller from 'components/seller/seller.vue';

Vue.use(VueRouter);
Vue.config.productionTip = false;

/ eslint-disable no-new /

const routes = [
{ path: '/goods', component: goods },
{ path: '/ratings', component: ratings },
{ path: '/seller', component: seller }
];

const router = new VueRouter({
routes
});

new Vue({
router,
VueRouter,
template: '<App/>',
components: { App }
}).$mount('#app');

解决方案

VueRouter不用传进Vue

new Vue({
router,
template: '<App/>',
components: { App }
}).$mount('#app');

这篇关于vue-router - vue路由报错：不是一个构造器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！