Vue项目使用高德地图报错AMapUI is not defined解决方案

在使用高德地图的时候，我是使用了vue-amap这个库，然后在使用期间报错，这个报错是因为，
AMapUI未定义，以下是我如何解决这个问题的。

1.第一步

  <script src="https://webapi.amap.com/maps?v=2.0&key=自己的key"></script>
  <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=自己的key">
  </script>
  <script src="https://webapi.amap.com/ui/1.0/main.js"></script>

第二步

第三步

在Vue的配置项vue.config.js的configureWebpack里面添加这两个变量

    externals: {
      AMap: "AMap", //加这个！！
      AMapUI: "AMapUI"
    },