Vue3 "export ‘createWebHistory, createRouter’ was not found in ‘vue-router’
在vue3中vue-router写法要改变
import { createRouter, createWebHistory } from 'vue-router'
//import Router from 'vue-router'
// Vue.use(Router)
const routes = [
{
path: '/home',
name: 'Home',
component: () => import('view/home.vue'),
meta: {
title: "主页",
keepAlive: true
},
children:[{
path: '/home/test1',
name: 'test1',
component: () => import('con/test1.vue'),
meta: {
title: "test1",
keepAlive: true
},
},{
path: '/home/test2',
name: 'test2',
component: () => import('con/test2.vue'),
meta: {
title: "test2",
keepAlive: true
},
}
]
},
{
path: '/',
name: 'Home2',
component: () => import('view/home.vue'),
meta: {
title: '主页',
keepAlive: false
}
},
{
path: '/about',
name: 'About',
component: () => import('view/about.vue'),
meta: {
title: '测试',
keepAlive: false
}
},
]
const router = createRouter({
history: createWebHistory(),
routes
})
export default router
报错解决:
export ‘createWebHistory, createRouter’ was not found in ‘vue-router’
npm install vue-router@next --save
yarn add vue-router --save