title: When I used router in Vuejs 2 it showed blank page
body: <p>I'm asking for help. I use vuejs to make my application.however when using the router it returned me a blank page.
  <strong>main.js</strong></p>
  <pre><code>import Vue from 'vue'
  import App from './App.vue'
  import 'bootstrap'
  import 'bootstrap-vue'
  import router from './router'
  
  Vue.config.productionTip = false
  
  new Vue({
   router,
    render: h =&gt; h(App),
  }).$mount('#app')
  
  </code></pre>
  <p><strong>router/index.js</strong></p>
  <pre><code>import Vue from 'vue'
  import VueRouter from 'vue-router'
  import Home from '../views/Home'
  
  Vue.use(VueRouter)
  
    const routes = [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/about',
      name: 'About',
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () =&gt; import(/* webpackChunkName: &quot;about&quot; */ '../views/About.vue')
    },
  ]
  
  const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes
  })
  
  export default router
  
  </code></pre>
  <p><strong>views/Home/index.vue</strong></p>
  <pre><code>&lt;template&gt;
  &lt;div&gt;
    &lt;Partner /&gt;
  &lt;/div&gt;
    
  &lt;/template&gt;
  
  &lt;script&gt;
  import Partner from '../../components/partner.vue'
  
  export default {
    name: &quot;Home&quot;,
    components:{
      Partner
  }
  }
  &lt;/script&gt;
  
  &lt;style&gt;
  
  &lt;/style&gt;
  </code></pre>
  <p>And this is my <strong>app.vue</strong> file</p>
  <pre><code>&lt;template&gt;
    &lt;div id=&quot;app&quot;&gt;
     &lt;div class=&quot;header&quot;&gt;
       &lt;div class=&quot;container1&quot;&gt;
         &lt;a href=&quot;#&quot; class=&quot;logo&quot;&gt;&lt;img src=&quot;./assets/logo.svg&quot; /&gt;&lt;/a&gt;
         &lt;ul class=&quot;menu&quot;&gt;
           &lt;li&gt;&lt;a href=&quot;&quot; class=&quot;active&quot;&gt;Về chúng tôi&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href=&quot;&quot;&gt;Sản phẩm&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href=&quot;&quot;&gt;Đội ngũ&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href=&quot;&quot;&gt;Giải thưởng&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href=&quot;&quot;&gt;Đầu tư&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href=&quot;&quot;&gt;Đối tác&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href=&quot;&quot;&gt;Tin tức&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href=&quot;&quot;&gt;Tuyển dụng&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href=&quot;&quot;&gt;Liên hệ&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
         &lt;div class=&quot;nav-item dropdown&quot; id=&quot;language&quot;&gt;
          &lt;a class=&quot;nav-link &quot; href=&quot;#&quot; id=&quot;navbarDropdownMenuLink&quot; role=&quot;button&quot; data-toggle=&quot;dropdown&quot;
                aria-expanded=&quot;false&quot;&gt;
                &lt;img  src=&quot;./assets/flag-vietnam.svg&quot; alt=&quot;&quot;&gt;
                &lt;b class=&quot;ml-2&quot;&gt;VN&lt;/b&gt;
              &lt;/a&gt;
              &lt;div class=&quot;dropdown-menu&quot; aria-labelledby=&quot;navbarDropdownMenuLink&quot;&gt;
                &lt;a class=&quot;language-Viet row&quot; href=&quot;#&quot;&gt;
                  &lt;div class=&quot;language-popup&quot;&gt;
                    &lt;img src=&quot;./assets/flag-vietnam.svg&quot; alt=&quot;&quot;&gt;
                    &lt;b class=&quot;ml-2&quot;&gt;Tiếng Việt&lt;/b&gt;
                  &lt;/div&gt;
                &lt;/a&gt;
                &lt;a class=&quot;language-English row&quot; href=&quot;#&quot;&gt;
                  &lt;div class=&quot;language-popup&quot;&gt;
                    &lt;img src=&quot;./assets/image 19.svg&quot; alt=&quot;&quot;&gt;
                    &lt;b class=&quot;ml-2&quot;&gt;English&lt;/b&gt;
                  &lt;/div&gt;
                &lt;/a&gt;
              &lt;/div&gt;
         &lt;/div&gt;
       &lt;/div&gt;
     &lt;/div&gt;
     &lt;Carousel /&gt;
      &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;
   &lt;router-view/&gt; 
    &lt;/div&gt;
  
  &lt;/template&gt;
  
  &lt;script&gt;
  
  import './assets/reset.css';
  import './assets/grid.css';
  import './assets/boostrap.css'
  import Carousel from './components/Carousel.vue'
  export default {
    name: 'App',
    components: { Carousel
     
    },
  
  }
  &lt;/script&gt;
  </code></pre>
  <p>Once I compile, I have no errors but a blank page.
  Thanks for any help.  I tried without the router view, I manage to launch the index.html once compiled for production and I have a rendering.</p>