Uncaught TypeError: router.afterEach is not a function

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);

Uncaught TypeError: router.afterEach is not a function

Uncaught TypeError: router.afterEach is not a function

vue.js

vuex