vue.js - 未捕获的类型错误：router.afterEach 不是函数

Question

尝试使用此演示应用程序： https ://github.com/skyronic/vue-spa

启动一个 Vuex 项目，但我遇到了这个错误 Uncaught TypeError: router.afterEach is not a function

与 vuex-router-sync 相关。

谁能帮忙，因为我在网上找不到任何东西。

我的 main.js 入口点是：

import App from './pages/App'
import router from './router'
import store from './vuex/store'
import { sync } from 'vuex-router-sync'

sync(store, router)

router.start(App, '#app')

我实际上并没有在我的示例中调用 router.afterEach 函数，但它由 vuex-router-sync 包使用。抱歉，我知识不够，无法更详细地指出这一点。

该函数由第 25 行的包调用https://github.com/vuejs/vuex-router-sync/blob/master/index.js

到目前为止感谢大家的帮助:)

Answer 1

此问题已由供应商解决。https://github.com/skyronic/vue-spa/issues/2

对代码库进行了更新。

Answer 2

我遇到了同样的问题，但是我的项目一切正常，运行没有任何错误，并且在某些更新中出现了。我用一个空函数解决了问题，例如我的 app.js。

const router = require("./../public/bundles/fosjsrouting/js/router.min.js");
const routes = require("./../public/js/fos_js_routes.json");

router.afterEach = (to, from) => {
    // you code here some action
    console.log('* afterEach')
};

router.setRoutingData(routes);