Vue Router 4.4.5配置异常：点击路由链接无法跳转求助

问题核心 #

你已经正确安装了vue-router@4.4.5并配置了路由规则，但未在Vue应用实例中挂载路由插件，导致路由系统未激活，router-link点击无反应且控制台报错。

修复方案 #

修改main.ts文件，引入路由实例并通过app.use()挂载：

import './assets/main.css'

import { createApp } from 'vue'
import App from './App.vue'
// 导入你创建的路由实例
import router from './router/index.ts'

const app = createApp(App)
// 注册路由插件
app.use(router)
app.mount('#app')

验证说明 #

你的路由配置文件（router/index.ts）、MenuComponent中的router-link使用、App.vue中的router-view占位都是正确的，完成上述修改后，点击链接即可正常跳转路由，页面会在router-view区域渲染对应组件。

内容的提问来源于stack exchange，提问作者bilpor