未明错误：[vue-路由器]“路径”是路由配置所必需的。
未明错误：[vue-路由器]“路径”是路由配置所必需的。
提问于 2017-07-27 17:25:47
我在跟踪官方例子，但我不知道为什么会有一个带有js错误的空白页面
vue-router.esm.js?fe87:10未明错误:vue路由器“路径”是路由配置中必需的。
这是我的两页：
/:language/bar /:language/foo
+------------------+ +-----------------+
| +---------+ | | +---------+ |
| | header | | | | header | |
| +---------+ | | +---------+ |
| +--------------+ | | +-------------+ |
| | bar | | +------------> | | foo | |
| | | | | | | |
| +--------------+ | | +-------------+ |
+------------------+ +-----------------+我就是这么做的。
我的入口点js文件：
import Vue from 'vue';
import router from './router';
// import some components
let vm = new Vue({
el: '#app',
router,
components: {/*imported components*/},
});
vm.$language.current = vm.$route.params.language;我的入口点html
<body>
<div id="app">
<!-- this is the header, the common part -->
<navbar fullname=''></navbar>
<router-view></router-view>
</div>
</body>我的路由器
import Vue from 'vue';
import Router from 'vue-router';
// import foo and bar components
Vue.use(Router);
let routes = [
{
path: '/:language',
name: 'homepage',
children: [
{
path: 'foo',
component: Foo
},
{
path: 'bar',
component: Bar
},
]
}
];
export default new Router({routes,});我的foo组件
<template>
<div>
<h1>FOO</h1>
</div>
</template>
<script>export default {};</script>如何修复此错误？
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-07-28 09:31:21
还应该为父级添加一个组件。
Stack Overflow用户
发布于 2020-05-28 13:44:02
注意: 1.尝试对组件2使用本地注册。对于嵌套路由器：
const router = new VueRouter({
routes: [
{ path: '/language/:id',
component: language,
children: [
{
// Bar will be rendered inside language's <router-view>
// when /language/:id/bar is matched
path: 'bar',
component: Bar
},
{
// Foo will be rendered inside language's <router-view>
// when /language/:id/foo is matched
path: 'foo',
component: Foo
}
]
}
]
})- 出口部分：
export default {
name: "Foo"
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45357318
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号