VUE problem z routingiem

Question

Witam, mam następujący routing: 

//Main components for route groups:
import Site from '../components/site/Index'
import Admin from '../components/admin/Index'

//Consumer components:
import Home from '../pages/site/Home';
import Register from '../pages/site/Register';
import Login from '../pages/site/Login';
import Profile from '../pages/site/Profile';
import Post from '../pages/site/Post';

//Admin panel components:
import Dashboard from '../pages/admin/Dashboard';

import Posts from '../pages/admin/Posts';
import PostShow from '../pages/admin/PostShow';
import PostCreate from '../pages/admin/PostCreate';

//Defining routes:
export const routes = [

    //Route group for consumers
    {
        path: '/',
        component: Site, //Main component for this route group
        children: [
            //Home site route
            {
                name: 'home',
                path: '',
                component: Home
            },
            //Register route
            {
                name: 'register',
                path: '/register',
                component: Register,
                meta: {
                    guest: true
                }
            },
            //Login route
            {
                name: 'login',
                path: '/login',
                component: Login,
                meta: {
                    guest: true
                }
            },
            //Profile route
            {
                name: 'profile',
                path: '/profile',
                component: Profile,
                meta: {
                    requiresAuth: true,
                }
            },
        ],
    },

    {
        path: '/posts/:id',
        component: Site,
        children: [
            {
                path: '',
                component: Post,
            }
        ],

    },

    //Route group for admin panel
    {
        path: '/dashboard',
        component: Admin, //Main component for this route group
        meta: { //Requirements to even access this route group
            requiresAuth: true,
            //requiredPermissions: ['access:dashboard']
        },
        children: [
            //Dashboard route
            {
                name: 'dashboard',
                path: '',
                component: Dashboard,
            },
            //Posts routes

            {
                name: 'posts',
                path: '/posts',
                component: Posts,
            },

            {
                name: 'post_create',
                path: '/post/create',
                Component: PostCreate,
            },

            {
                name: 'post_create',
                path: '/post/create',
                Component: PostCreate,
            },

            {
                name: 'post_show',
                path: '/post/:id',
                component: PostShow,
            },

        ],
    },

    //Catching routes that don't match any defined route and redirecting to /
    {
        path: '/:catchAll(.*)',
        redirect: '/',
    },
];

I wszystko w nim działa do momentu kiedy chcę uzyskać dostęp do strony /dashboard/posts. Wtedy wyłapuje to jako route który nie pasuje do żadnego zdefiniowanego. Np. samo /dashboard działa. Ktoś wie o co może chodzić?

Answer 1

wszystkie 2-rzędowe niedziałają? Czy tylko ten jeden wybrany. 
Sprawdź dokładnie, czy lokalizacja komponentu jest okej. 

Dodatkowo podaj jak wygląda twoj route - w HTML 
jeśli aktualnie 

<route-view></route-view>

posiada zapisany atrybut: name="rout"  to go usuń