Vue3-Cli 使用 VueRouter 报错undefined

问题描述

写Vue3-Cli项目时，使用 vue-router 过程中，调用 VueRouter.createRouter():

import {createApp} from 'vue'
import App from './App.vue'
import VueRouter from "vue-router"

const app = createApp(App)

import routes from "./routes"

let router = VueRouter.createRouter({
    history: VueRouter.createWebHistory(),
    routes
});
app.use(router);
app.mount('#app')
js

然后报错 Cannot read properties of undefined (reading ‘createRouter’)：

解决方法：

修改引用方法，将

import VueRouter from "vue-router"
js

改为

import {createRouter, createWebHistory} from "vue-router"
js

即

import {createApp} from 'vue'
import App from './App.vue'
import {createRouter, createWebHistory} from "vue-router"

const app = createApp(App)

import routes from "./routes"

let router = createRouter({
    history: createWebHistory(),
    routes
});
app.use(router);
app.mount('#app')
js

即可