安装 RelationGraph（关系图插件）报错

安装 RelationGraph（关系图插件）遇到的问题

1. ❌运行报错 in ./node_modules/relation-graph/lib/vue2/relation-graph.mjs
   Can’t import the namespace object from non EcmaScript module (only default export is available)
   

2. 原因 安装包中的 .mjs 无法解析 报错 在vue.config.js中添加一下代码

configureWebpack: {
    module: {
      rules: [{
        test: /\.mjs$/,
        include: /node_modules/,
        type: 'javascript/auto'
      }]
    }
  }

3. ❌运行控制台报错 提示vue版本低于2.6.12，如何处理 升级vue
   

npm install vue@2.6.14 

4. ❌升级vue 后 vue-loader报错 版本不匹配 vue-template-compiler报错 版本不匹配
   

5. 卸载 vue/cli ;卸载 vue-loader ，卸载 vue-template-compiler，然后重新安装最新版本

//卸载 
npm uninstall ... 
//安装
npm install ... --save-dev

6. ❌运行报错 什么 styles undefined 查询 vue-loader 版本过高，如何 vue是2.0 vue-loader版本不能高于15
   

7. 卸载重新安装

 npm uninstall vue-loader
 npm install vue-loader@15 --save-dev  

8. 运行成功