Vue报错：TypeError: Cannot read properties of undefined (reading ‘matched‘)

今天搞vue2项目的时候碰到了一个错误：

 搞了很久才发现是路由引用的问题

路由配置没问题

import Vue from "vue";
import VueRouter from 'vue-router'
import Demo from '../components/demo'

Vue.use(VueRouter)

export default new VueRouter({
    routes: [
        {
            path: '/',
            name: 'Demo',
            component: Demo
        }
    ]
})

在main.js下面引入的时候引入错误

// 错误引用

import Vue from 'vue'
import App from './App.vue'
import Router from './router/index.js'

Vue.config.productionTip = false

Vue.use(Router)

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

// 正确引用方式

import Vue from 'vue'
import App from './App.vue'
import Router from './router/index.js'

Vue.config.productionTip = false


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

如果出现 eslint 命名语法错误可以关闭检查

在vue.config.js中放入lintOnSave：false 即可关闭语法检查

添加好以后一定记得重新启动项目！！！！

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false//关闭语法检查
})