Vue.js 未捕获错误：[vue路由器]”；路径“；在路由配置中是必需的_Vue.js_Vue Router

Vue.js 未捕获错误：[vue路由器]”；路径“；在路由配置中是必需的

vue.js

Vue.js 未捕获错误：[vue路由器]”；路径“；在路由配置中是必需的,vue.js,vue-router,Vue.js,Vue Router,我正在关注，但我不知道为什么我会得到一个带有这个js错误的空白页面 vue router.esm.js？fe87:10未捕获错误：[vue router]“路径”在路由配置中是必需的这是我的两页： /:language/bar /:language/foo +------------------+ +-----------------+ | +---------+ | | +-

我正在关注，但我不知道为什么我会得到一个带有这个js错误的空白页面

vue router.esm.js？fe87:10未捕获错误：[vue router]“路径”在路由配置中是必需的

这是我的两页：

/: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>

我的foo组件

<template>
    <div>
        <h1>FOO</h1>
    </div>
</template>

<script>export default {};</script>


福
导出默认值{}；

如何修复此错误？

您还应该为父级添加一个组件

注意： 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
        }
      ]
    }
  ]
})

您还应该为父级添加一个组件。@Nora您是对的，您是对的，您是对的！！谢谢！你可以加一个答案，我会接受的

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"
    };