app.use(router)出现问题

来源:1-1 课程导学

rookie_white

2021-05-06 01:24:55

问题描述:app.use(router)出现报错如下

相关截图:

http://img.mukewang.com/climg/6092d0d8099fc75913290419.jpg

相关代码:

# 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 格式 我在本地帮你看下

0
hookie_white
hp dir="ltr">运行的时候也报错了 感到很郁闷。打算整个编辑器都删了重装试一下只能

h021-05-07
共4条回复

2024版 Web前端架构师

2024版 ,前端高手课!全局架构思维/系统培养大厂P7技术专家/中小厂前端Leader

1112 学习 · 2254 问题

查看课程