页面问题描述：

vue项目正常启动后，页面全空白，并报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install’)

F12显示未成功读取未定义

一.最常见的是版本问题

vue2—对应的vue-router3
vue3—对应的vue-router4

解决方法

先卸载掉之前的高版本router，再重新安装对应的版本

//----卸载----
npm uninstall vue-router

重新安装对应的版本

//----安装----
npm i vue-router@3.5.2

二.拼写问题

问题描述：router导入语法错误或者路由拼写错误

一：路由问题

仔细检查是不是在import中导入vue-router时拼写出错

在导入组件时注意文件路径为 components

import Login from '../components/Login.vue'

在配置路由时注意路径为 component

二：router拼写问题

这里应注意不同位置使用的是router还是routes

导入时用vue-route

拼写路由时用routes

这些应注意一点都不能错

三.引用时自动补全问题

问题描述：在引用时随意使用自动补全功能导致识别错误（这点也是我自己的问题所在）

在导入时习惯用Tab来自动识别时，可能会导致自动补上括号或者缺少逗号等问题，这些问题如果不构成语法错误编译器是不会提醒报错的

比如我的程序在编译器中正常运行：

然而在页面中显示白屏并且报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)

仔细检查发现原来在导入Element时自动补上了 { }

这里将花括号删除掉即可正常运行

---

四.问题总结

可以先在package.json中检查vue-router的版本是否对应，如果版本过高一般只需要重新安装即可；如果版本没问题且编译器没有提醒，那大概率是一些未构成语法错误的语句问题，一般定位到index.js中仔细检查一番即可。

（浪费了一晚上时间没想到只是一个括号问题，真的心态巨炸，对初学者太不友好了，编译器居然连提醒都没有）