Как создать дочерние маршруты в vue js, используя Vue -Router и Laravel?

Question

Мое приложение работало нормально, пока я не изменил свой маршрутизатор. Файл js слегка изменил дочерние маршруты, и теперь мое приложение ломается, я не вижу ничего ни на каких маршрутах.

Я получаю эта ошибка: app.js:191 Uncaught TypeError: Cannot read property 'bind' of undefined

Я вижу, что она указывает на эту строку:

var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);

в этом файле /public/js/app.js внутри этого блока кода:

// on error function for async loading
    __webpack_require__.oe = function(err) { console.error(err); throw err; };

    var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
    var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
    jsonpArray.push = webpackJsonpCallback;
    jsonpArray = jsonpArray.slice();
    for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/    var parentJsonpFunction = oldJsonpFunction;

Кто-нибудь сталкивался с чем-то подобным? Я попытался выполнить поиск в Google, и там было не так уж много об этом, я нашел что-то, что они обновили свои cli@3.0.0-rc.5 до r c .6, и это решило это для этого 1 человека, но это не решило это для me.

Рабочий роутер. js:

import Vue from 'vue';
import VueRouter from 'vue-router';
import Dashboard from './views/Dashboard';
import Login from './views/Login';
import Register from './views/Register';
import Forms from './views/Forms';
import CandidateProfileCreate from './views/candidate/CandidateProfileCreate';
import CandidateProfileIndex from './views/candidate/CandidateProfileIndex';

Vue.use(VueRouter);

const routes = [

    {
        path: '/',
        name: 'dashboard',
        component: Dashboard
    },

    {
        path: '/candidate-profile/create',
        name: 'candidate-profile-create',
        component: CandidateProfileCreate
    },

    {
        path: '/candidate-profile',
        name: 'candidate-profile',
        component: CandidateProfileIndex
    },

    {
        path: '/login',
        name: 'login',
        component: Login
    },

    {
        path: '/register',
        name: 'register',
        component: Register
    },

    {
        path: '/forms',
        name: 'forms',
        component: Forms
    }
]

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

export default router;

Получение ошибки, роутер. js:

import Vue from 'vue';
import VueRouter from 'vue-router';
import Home from './views/Home';

Vue.use(VueRouter);

const routes = [
    {
        path: '/home',
        component: Home,
        children: [
            {
                path: '',
                name: 'dashboard',
                component: () => import('./views/Dashboard.vue')
            },

            {
                path: 'candidate-profile',
                name: 'candidate-profile-index',
                component: () => import('./views/candidate/CandidateProfileIndex')
            },

            {
                path: '/candidate-profile/create',
                name: 'candidate-profile-create',
                component: () => import('./views/candidate/CandidateProfileCreate')
            },
        ],
    },

    {
        path: '/login',
        name: 'login',
        component: () => import('./views/Login.vue')
    },

    {
        path: '/register',
        name: 'register',
        component: () => import('./views/Register.vue')
    },

    {
        path: '/forms',
        name: 'forms',
        component: () => import('./views/Forms.vue')
    }
]

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

export default router;