[Vue warn]: Unknown custom element: <router-view> - did you register the component correctly? : <p>I use Vue 2 in CLI mode with webpack-simple. I have following files:</p>

<p>main.js:</p>

<pre><code>import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import Routes from './routes'

Vue.use('VueRouter');

const router = new VueRouter({
    routes: Routes
})

new Vue({
  el: '#app',
  render: h =&gt; h(App),
  router: router,

})
</code></pre>

<p>App.vue:</p>

<pre><code>&lt;template&gt;
  &lt;div&gt;
    &lt;router-view&gt;&lt;/router-view&gt;
  &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;

import Loader from './Loader.vue'


export default {
  name: 'app',
}
&lt;/script&gt;

&lt;style lang="scss"&gt;
&lt;/style&gt;
</code></pre>

<p>routes.js:</p>

<pre><code>import Game from './components/Game.vue';
import Login from './components/Login.vue';

export default [
    { path: '/', component: Game, name: "Game" },
    { path: '/login', component: Login, name: "Login" }
]
</code></pre>

<p>Game.vue and Login.vue looks the same:</p>

<pre><code>&lt;template&gt;
    &lt;div&gt;
        Game
    &lt;/div&gt;
&lt;/template&gt;

&lt;script&gt;



export default {
  name: 'game',
}
&lt;/script&gt;

&lt;style lang="scss"&gt;
    div {
        border: 1px solid red;
        width: 100px;
        height: 100px
    }
&lt;/style&gt;
</code></pre>

<p>unfortunately starting a file gives me an error:</p>

<blockquote>
  <p>[Vue warn]: Unknown custom element:  - did you register
  the component correctly? For recursive components, make sure to
  provide the "name" option.</p>
</blockquote>

<p>Also router-view tag is not changed to proper html. I use vue router for the first time. It' been installed via npm in version 3.0.1</p>

<p>Any advice?</p>
