Question

我的Vue应用程序中有几条路线。但是，刷新页面将仅导致特定2条路由永无休止的循环。我从Chrome浏览器控制台收到的错误是

VM10283:55826 Uncaught TypeError: Cannot redefine property: $router
    at Function.defineProperty (<anonymous>)
    at Function.install (<anonymous>:55826:10)
    at Function.Vue.use (app.js:62595)
    at Module../node_modules/vue-router/dist/vue-router.esm.js (<anonymous>:57490:14)
    at __webpack_require__ (<anonymous>:20:30)
    at Module../resources/js/app.js (<anonymous>:71691:68)
    at __webpack_require__ (<anonymous>:20:30)
    at Object.0 (<anonymous>:74685:1)
    at __webpack_require__ (<anonymous>:20:30)
    at <anonymous>:84:18

下面是我的代码

app.js

import VueRouter from 'vue-router'
import routes from '@/js/router'
Vue.use(VueRouter);
const router = new VueRouter({
    mode: 'history',
    hash: false,
    routes
});

const app = new Vue({
    el: '#app',
    store,
    router,
    components: { App },
    template: '<App/>',
});

router / index.js

import Home from '@/js/components/Home.vue';
import store from '@/js/store'

export default [
    {
        path: '/',
        name: 'home',
        beforeEnter: publicAuth,
        component: Home,
        meta: {
            title: 'Home',
        }
    },
    {
        path: '/user/profile',
        name: 'user.profile',
        beforeEnter: auth,
        component: Profile,
        meta: {
            title: 'Profile',
        }
    },
...

在搜索了SO之后，我意识到这可能是由Vue.use(VueRouter)引起的，并且我已经尝试了Web上的所有方法，但找不到解决方法。

谢谢

无法重新定义属性：$ router，可能重复Vue.use（VueRouter）

0 个答案: