Vue项目调用Vue.use(VueRouter)时报Cannot read properties of undefined错误如何解决

该报错的核心是router.js第7行调用Vue.use时，Vue变量为undefined，按以下优先级排查即可：

1. 确认Vue版本匹配 #

你当前的代码是Vue 2的标准写法，若误装Vue 3依赖会直接触发该错误：Vue 3无默认导出的全局Vue实例，仅支持import { createApp } from 'vue'的导入方式，且你用到的bootstrap-vue仅兼容Vue 2。

• 执行命令查看本地Vue版本：

  npm list vue
  

  • 若输出为3.x版本：降级Vue到2.7.x以下版本，或替换bootstrap-vue为适配Vue3的bootstrap-vue-3后修改所有代码为Vue3写法
  • 若输出为2.x版本，继续向下排查

2. 检查导入别名配置 #

确认项目打包工具（webpack/vite）的别名配置没有异常覆盖vue的导入路径。可临时将router.js中的Vue导入语句替换为绝对路径测试：

import Vue from '../node_modules/vue/dist/vue.esm.js'

如果替换后报错消失，修正打包工具的别名配置即可。

3. 规避循环依赖问题 #

若存在模块循环加载的情况，会导致Vue未完成初始化就被router.js调用，可调整Vue.use(VueRouter)的执行位置：

1. 删除router.js中的Vue.use(VueRouter)行
2. 在main.js的Vue.use(BootstrapVue)后新增一行Vue.use(VueRouter)
   修改后重新运行项目验证。

4. 清理依赖缓存 #

依赖安装不完整或本地缓存异常也可能触发该问题，执行以下命令重置依赖：

rm -rf node_modules package-lock.json
npm install
npm run serve

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