just not render , no error shows

main.js

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'

// 路由VueRouter
import VueRouter from 'vue-router'
Vue.use(VueRouter)
// 1. 定义（路由）组件。
// 可以从其他文件 import 进来
import indexComponent from './pages/App'
import projectsComponent from './pages/projects'

const index = indexComponent
const projects = projectsComponent
// 2. 定义路由
// 每个路由应该映射一个组件。 其中"component" 可以是
// 通过 Vue.extend() 创建的组件构造器，
// 或者，只是一个组件配置对象。
// 我们晚点在讨论嵌套路由。
const routes = [
  { path: '/', component: index },
  { path: '/projects', component: projects }
]
// 3. 创建 router 实例，然后传 `routes` 配置
// 你还可以传别的配置参数, 不过先这么简单着吧。
const router = new VueRouter({
  routes // （缩写）相当于 routes: routes
})
// 4. 创建和挂载根实例。
// 记得要通过 router 配置参数注入路由，
// 从而让整个应用都有路由功能
/* eslint-disable no-new */
new Vue({
  router
}).$mount('#app')

[posva]

You’re probably going to a route that is not defined 🙂 Please, use the forum, the Discord server or StackOverflow for questions

[ragnarlotus]

Hello, it happened to me too. In the documentation just says to add the Vue.use(VueRouter) if using module system, but it is not enough. You will also have to do the following.

Replace: new Vue({ router }).$mount('#app') With: new Vue(Vue.util.extend({ router }, App)).$mount('#app');