vue-路由器‘路由器-链接’不创建链接

Question

我正在尝试做一个管理面板与vue-路由器。实现所有的代码，但不能检查它们是否工作，因为我不能点击链接。路由器链接标签不能使文本可点击。

这是我的刀片档案：

<div id="app">
  <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <div class="sidebar">
       <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar flex-column">
            <li>
                <router-link to="/dashboard"><i class="icon_lifesaver"></i> <span>Dashboard</span>
                </router-link>
            </li>
            <li>
                <router-link to="/category-list"><i class="icon_cog"></i> <span>Category</span></router-link>
            </li>
            <li>
                <router-link to="/post-list"><i class="icon_globe-2"></i> <span>Posts</span></router-link>
            </li>
          </ul>
        </nav>
    
     </div>

   </aside>
   <div class="content-wrapper">
            <admin-main></admin-main>
        </div>

这是app.js文件

require('./bootstrap');

window.Vue = require('vue');

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

import router from './routes';

Vue.component('admin-main', require('./components/admin/AdminMaster.vue').default);
const app = new Vue({
    el: '#root',
    store,
    router
});

此外，下面是定义路由的routes.js文件：

import VueRouter from 'vue-router'

import AdminHome from './components/admin/AdminHome.vue'
import CategoryList from './components/admin/category/List.vue'
import AddCategory from './components/admin/category/New.vue'

let routes = [
    {
        path:'/dashboard',
        component:AdminHome
    },
    {
        path:'/category-list',
        component:CategoryList
    },
    {
        path:'/add-category',
        component:AddCategory
    },
    

];


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

router.beforeEach((to, from, next) => {

   
    return next()
});

export default router;

Answer 1

这个问题解决了。在我的刀片文件中app.js文件的链接中有一个问题。而且在链接之后，由于链接控制台显示了实际的错误，这是一个id命名错误，现在它正在正常工作。感谢巴迪@lindacom在评论中指出了这一点