【报错】route config “component“ for path: /test cannot be a string id. Use an actual component instead.

最新推荐文章于 2024-10-11 17:18:50 发布

O3ohn

最新推荐文章于 2024-10-11 17:18:50 发布

阅读量5.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：小问题文章标签： vue

本文链接：https://blog.youkuaiyun.com/ka_xingl/article/details/116057805

小问题专栏收录该内容

18 篇文章

订阅专栏

本文介绍了在Vue Router中配置路由时遇到的错误，即不能直接使用字符串路径作为组件。通过示例代码展示了正确的解决方案，即导入并使用实际的组件实例。修复此问题可以确保路由组件正常加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue-router配置组件：config component
这个是错误代码

const routes = [
    {
        path: '/test',
        name: '路由测试',
        component: './view/test'
    }
]

cannot be a string id,Use an actual component instead 不能是一个字符串id,用一个实际的组件代替。

解决方法：不能直接在 component使用字符串显示路径，需要设置别名。
正确代码

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

//自定义页面
import Test from './view/test'

//安装路由到vue
Vue.use(Router)

const routes = [
    {
        path: '/test',
        name: '路由测试',
        component: Test
    }
]

export default new Router({
    routes
})