项目引入并使用 vue-router 后,浏览器的控制台报如下错误:
错误原因:vue 版本和 vue-router 版本不匹配。
笔者项目是 vue2.7,安装 vue-router 时,直接运行了 npm install vue-router 命令,造成直接下载最新版 vue-router 4.1.6,而 4 以后的版本适用于 vue3.0 版本,用在 vue2.0+ 会报错。
解决方案: 在项目根目录下打开CMD,分别运行如下命令并重启项目即可:
npm uninstall vue-router
npm install --save vue-router@3