用vue-cli构建单页应用，加入路由之后报错，_c is not a function?

Question

大家好，今天我用vue-cli构建了一个新项目，构建成功并且运行在本地没有问题。
之后我添加了一些路由代码，其他的都没有动过，然后在运行后再控制台报错。截图如下：

运行环境：

win10，
nodejs v6.9.2

vue和vue-router版本：

 "dependencies": {
      "vue": "^2.1.0",
      "vue-router": "^2.1.1"
 },

部分代码：

/router/index.js

import Vue from 'vue';
import Router from 'vue-router';

import App from '../App';

Vue.use(Router);

const routes = [
  { path: '/', components: App },
];

export default new Router({
  mode: 'history',
  base: __dirname,
  routes,
});

/main.js

import Vue from 'vue';
import router from './router';

new Vue({
  router,
}).$mount('#app');

其他都没有再改过，都是构建工具自动生成的原始代码，请问这会是什么原因导致的呢，还是说我代码哪里有问题？

Answer 1

1.new Vue 创建 Vue 实例时既没有 template 又没有 render function，你打算干什么？

2.routes 里 应该是 component 而不是 components！

3.用 vue-router 不加 router-view，玩啥呢？

Answer 2

检查一下你的 vue 和 vue-template-compiler 是不是同一个版本

Answer 3

虽然不知道是不是这个原因，不过你代码多了个‘,’。