app.use(router)出现问题
来源:1-1 课程导学
rookie_white
2021-05-06 01:24:55
问题描述:app.use(router)出现报错如下
相关截图:
相关代码:
# main.ts
import { createApp } from 'vue'
import App from './App.vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
import router from './routes/index'
console.log(router.install, 'router')
const app = createApp(App)
app.use(Antd).use(router)
app.mount('#app')
import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
history: createWebHistory(),
routes: [
{
path: '/',
redirect: 'layout',
name: 'layout',
component: () => import('../views/layout/index.vue'),
children: [
{
path: '',
name: 'home',
component: () => import('../views/home/index.vue')
},
{
path: 'detail/:id',
component: () => import('../views/detail/index.vue')
}
]
},
{
path: '/editor',
name: 'editor',
component: () => import('../views/editor/index.vue')
},
{
path: '*',
name: 'error',
component: () => import('../views/error/index.vue')
}
]
})
export default router
尝试过的解决方式:
我查看了router的和use方法相关的定义文件,类型是可以匹配上,但是不知道为啥一直报这个错误。
去issue上找也没找到类似的问题。
1回答
张轩
2021-05-06
同学你好 请把你的代码 提供给我一下吧 git 格式 我在本地帮你看下
相似问题