Vue-Router：TypeError：this._router.init 不是函数

Question

我已经安装了 vue-router（在 Laravel 项目中），然后尝试使用它：

import VueRouter from 'vue-router'
Vue.use(VueRouter)

然后我得到了这个：

[Vue warn]: Error in beforeCreate hook: "TypeError: this._router.init is not a function"

有趣的是，之前一切都很好，但突然开始收到这条消息。

Answer 1

在您的 Webpack 配置中 替换vue为https://github.com/vuejs/vue-loader/issues/409vue-loader

更新

好的，显然你没有以正确的方式初始化路由器

require('./bootstrap');
import Vue from 'vue'
import VueRouter from 'vue-router'


/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique needs.
 */

let home = require('./components/Home.vue'));
let buy = require('./components/Buy.vue');
let home = require('./components/Home.vue');
let sell = require('./components/Sell.vue');
let wallet = require('./components/Wallet.vue');


const routes = [{
        path: '/',
        component: home
    },
    {
        path: '/buy',
        component: buy
    },
    {
        path: '/sell',
        component: sell
    },
    {
        path: '/wallet',
        component: wallet
    }

];

const router = new VueRouter
({
    mode: 'history',
    routes
})

Vue.use(VueRouter);

window.app = new Vue({
    el: '#app',
    router,
    render: h => h(home) 
});