2019-03-14在写vue过程中遇到的问题
2019-03-14 本文已影响0人
杨三毛同志
vue报错
Uncaught Error: [vue-router] route config "component" for path: /recommend cannot be a string id. Use an actual component instead.
在运行npm run dev命令时是没有问题的，但是在打开的页面里面是一片空白，打开控制台发现报错
componentString.png
该错误的翻译是
未捕获的错误:[vue-router]路由配置路径:/测试的“组件”不能是字符串id。 使用实际的组件出错原因：component: 'recommend' 。 组件名recommend不能加引号
`routes: [
{
path: '/recommend',
name: 'recommend',
component: 'Recommend',
},{
path:'/search',
name: 'search',
component:'Search',
},{
path:'/rank',
name: 'rank',
component:'Rank',
},{
path:'/singer',
name:'singer',
component:'Singer',
},
{
path:'tab',
name: 'tab',
component:'Tab',
}]`
所以之前写的组件id的引号都要去掉
去掉之后的代码为
routes: [ { path: '/recommend', name: 'recommend', component: Recommend, }, { path:'/search', name: 'search', component:Search, },{ path:'/rank', name: 'rank', component:Rank, },{ path:'/singer', name:'singer', component:Singer, }, { path:'tab', name: 'tab', component:Tab, }]
此时错误已经解决
