(vue.js)vue-router报错'component' of undefined

关于网友提出的“ (vue.js)vue-router报错'component' of undefined
”问题疑问，本网通过在网上对“ (vue.js)vue-router报错'component' of undefined
”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：

问题： (vue.js)vue-router报错'component' of undefined
描述:

用vue-cli做的脚手架。

这是main.js

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

//install router
Vue.use(Router)

import App from './components/App.vue'
import login from './components/login.vue'

var router = new Router()

// console.log(App)

// var App = Vue.extend({})

router.map({//定义路由映射
    '/index':{//访问地址
        component:App//引用的组件名称，对应上面使用`import`导入的组件
    },
    '/list': {
        component: login
    }
});

router.redirect({//定义全局的重定向规则。全局的重定向会在匹配当前路径之前执行。
    '*':"/index"//重定向任意未匹配路径到/index
});

router.start(App, '#app')

app.vue

跑的时候报错

求大神解答，在github也找了很多实例，都照着写了，还是有问题。

---

解决方案1:

看报错像是App，或者login没引入进来吧

解决方案2:

demo 拿走不谢 https://github.com/TIGERB/eas...

解决方案3:

v-link查看列表
v-link不要用 name，因为你没有给路由项命名，直接v-link="/list"。

若要使用 name，则：

'/index':{
    name: 'index'
    component: App
},