title: Uncaught Error: [vue-router] "path" is required in a route configuration
body: <p>I'm following <a href="https://router.vuejs.org/en/essentials/nested-routes.html" rel="nofollow noreferrer">the official example</a> but I don't know why I get a blank page with this js error</p>
  
  <blockquote>
    <p>vue-router.esm.js?fe87:10 Uncaught Error: [vue-router] "path" is required in a route configuration.</p>
  </blockquote>
  
  <p>Here is my two pages:</p>
  
  <pre><code>/:language/bar                     /:language/foo
  +------------------+                  +-----------------+
  | +---------+      |                  | +---------+     |
  | | header  |      |                  | | header  |     |
  | +---------+      |                  | +---------+     |
  | +--------------+ |                  | +-------------+ |
  | | bar          | |  +------------&gt;  | | foo         | |
  | |              | |                  | |             | |
  | +--------------+ |                  | +-------------+ |
  +------------------+                  +-----------------+
  </code></pre>
  
  <p>And this is how I'm trying to do it.</p>
  
  <p><strong>My entrypoint js file:</strong></p>
  
  <pre><code>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;
  </code></pre>
  
  <p><strong>My entrypoint html</strong></p>
  
  <pre><code>&lt;body&gt;
     &lt;div id="app"&gt;
         &lt;!-- this is the header, the common part --&gt;
         &lt;navbar fullname=''&gt;&lt;/navbar&gt;
  
         &lt;router-view&gt;&lt;/router-view&gt;
     &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>My router</strong></p>
  
  <pre><code>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,});
  </code></pre>
  
  <p><strong>My foo component</strong></p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;h1&gt;FOO&lt;/h1&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;export default {};&lt;/script&gt;
  </code></pre>
  
  <p>How do I fix this error?</p>