如何使Vuejs中的路由与i18n库一起使用？

Question

我正在制作一个页面，您可以在其中通过vue-i18n库选择语言。当我想要孩子们走路线时，就会出现问题。

它不会加载子级路由。但是，如果我在没有孩子的情况下这样做，就会加载它。

另外显示的错误是：您正在使用Vue的仅运行时版本，而模板编译器不可用。可以将模板预先编译为渲染函数，也可以使用编译器随附的版本。

我搜索了此错误，解决方法是：

 resolve: {
  alias: {
    vue: 'vue/dist/vue.js'
  }
}

但我不使用webpack

这是我的代码（路由器）

export default new Router({
routes: [
    {
        path: '/:lang',
        component: {
            template: '<router-view></router-view>'
        },
        children: [
            {
                path: 'quiz',
                name: 'Quiz',
                component: Quiz
            },
            {
                name: 'QuestionsCRUD',
                path: 'crud',
                component: QuestionsCRUD
            }
        ]
    }
],
mode: 'history'
})

app.vue

<template>
<div id="app">
    <TheLanguageSwitcher/>
    <router-view/>
</div>

我从i18n文档中看到的代码：https://github.com/dobromir-hristov/vue-i18n-starter