Vue报错Unknown custom element: <router-view> 疑似模块冲突如何解决

• 首先统一Vue实例的导入入口
  你当前main.js中导入的是vue/dist/vue.js，而router/index.js中导入的是vue，两个入口对应的Vue实例不共享，导致你在router文件中注册的VueRouter没有挂载到项目实例化用的Vue上，是触发<router-view>未知组件报错的核心原因。
  修改main.js中的Vue导入语句，和router文件保持一致：

// 替换原 import Vue from 'vue/dist/vue.js'
import Vue from 'vue'

如果你的项目需要使用带模板编译器的完整版Vue，可以在项目打包配置（vue.config.js 或 webpack.config.js）中添加别名配置，不用直接硬编码导入路径：

// vue.config.js 示例
module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        'vue$': 'vue/dist/vue.esm.js'
      }
    }
  }
}

• 强制vue-router单实例解析
  虽然npm依赖树显示vue-router已经去重，但打包工具仍有可能命中mdbvue依赖目录下的vue-router实例，可以在上述别名配置中新增vue-router的指向，强制所有导入都使用根目录的依赖：

resolve: {
  alias: {
    'vue$': 'vue/dist/vue.esm.js',
    'vue-router$': require.resolve('vue-router')
  }
}

• 清理缓存重装依赖
  如果配置后仍未解决，清除本地依赖缓存重新安装，保证依赖结构正确：

rm -rf node_modules package-lock.json
npm install

内容的提问来源于stack exchange，提问作者panoet