2

我正在制作一个页面，您可以在其中使用库 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'
})

应用程序.vue

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

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

4

0 回答 0