【问题解决】@vue/cli 4.5.15脚手架搭建vue2项目时引入vue-router后页面空白问题

一、问题描述

用脚手架搭建vue2项目的时候，引入vue-router之后页面变成空白。
main.js如下：

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

// //引入路由
import router from '@/router'

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

开始报一系列类似如下的warn
"export ‘defineComponent’ was not found in ‘vue’

二、问题解决

有些方法建议采用

import {createApp} from 'vue';

但我的不奏效。
后续发现是由于我安装vue-router的时候没有指定版本，导致版本不匹配
Vue Router v3对应Vue2.x，
Vue Router v4对应Vue3
而我创建的是Vue2的项目，所以先卸载原本的vue-router，然后采用如下命令重新安装即可！

cnpm install vue-router@3