Роут vuejs как правильно?

Question

[Максим]

Подскажите как правильно организовать роут , у меня тут что-то не то))) если перехожу на новости, то компонент не подгружается

{
            path: '/contragents',
            name: 'contragents',
            meta: {layout: 'main'},
            component: () => import('./view/Farm/Contragents/Contragents')
        },
        {
            path: '/contragents/:id',
            meta: {layout: 'main'},
            props: true,
            children: [
                {
                    path: '/',
                    name: 'contragent',
                    meta: {layout: 'main'},
                    component: () => import('./view/Farm/Contragents/Contragent'),
                },
                {
                    path: 'news',
                    name: 'contragent.news',
                    meta: {layout: 'main'},
                    component: () => import('./view/Farm/Contragents/News')
                },
                {
                    path: 'categories',
                    name: 'contragent.categories',
                    meta: {layout: 'main'},
                    component: () => import('./view/Farm/Contragents/Category')
                },
                {
                    path: 'cargo',
                    name: 'contragent.cargo',
                    meta: {layout: 'main'},
                    component: () => import('./view/Farm/Contragents/Cargo')
                },
                {
                    path: 'group',
                    name: 'contragent.group',
                    meta: {layout: 'main'},
                    component: () => import('./view/Farm/Contragents/Group')
                },
                {
                    path: '/section',
                    name: 'contragent.section',
                    meta: {layout: 'main'},
                    component: () => import('./view/Farm/Contragents/Section')
                },
                {
                    path: '/transport',
                    name: 'contragent.transport',
                    meta: {layout: 'main'},
                    component: () => import('./view/Farm/Contragents/Transport')
                },
            ]
        },

Comments

[Диман Суворкин]

Что именно не работает?

[Analka]

Диман Суворкин, не подгружает компонент новости и когда перехожу на компонент Controgent ничего не загружает, белый экран

[Диман Суворкин]

Если ты про этот роут:

{
                    path: '/',
                    name: 'contragent',
                    meta: {layout: 'main'},
                    component: () => import('./view/Farm/Contragents/Contragent'),
                },

то тут path должен вроде как быть ''

[Analka]

Диман Суворкин, ага, попробую, а новости и другие дочки не подгружает компоненты

[Диман Суворкин]

Обратите внимание, что вложенные пути, начинающиес...
Соответственно, все дочерние роуты должны быть без / в начале, если нужен вложенный URL