问题：这种报错是什么意思，左侧的名字换了几个还是一样的报错。

import Vue from 'vue'
import VueRouter from "vue-router"
import MSite from "../pages/MSite/MSite"
import Search from "../pages/Search/Search"
import Order from "../pages/Order/Order"
import Profile from "../pages/Profile/Profile"
// 声明使用插件
Vue.use(VueRouter)
export  default new VueRouter({
  //所有路由
  routes:[
    {
      path:'/msite',
      component:MSite,
    },
    {
      path:'/order',
      component:Order,
    },
    {
      path:'/profile',
      component:Profile,
    },
    {
      path:'/search',
      component:Search,
    },
    //默认应该是Msite
    {
      patch:'/',
      redirect:'/miste'
    }
  ]
})

这是我的index.js路由配置

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

Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
  el: '#app',
  components: { App },
  template: '<App/>',
  // render: h => h(App),
  router
})

这是我的main.js

<template>
  <div id="#app">
    <router-view></router-view>
    <FooterGuide/>
  </div>
</template>

<script>
import FooterGuide from './components/FooterGuide/FooterGuide.vue'

export default {
  components: {
    FooterGuide
  }
}
</script>

<style>

</style>

这是我的APP.vue

运行页面没有内容，但是

FooterGuide.vue

有内容。

报错如下：我的路由配置没有问题！

老师: 这节课听得我莫名其妙。。里面提到的信息不知由来。。翻到下一节课才是接着上一节课的。

而且vue的学习资料好乱啊。从node开始后面的课的服务质量跟前面基础的根本比不了。乱入的课，排序也有乱的。。资料也是