arco design Vue3使用高德地图，高德地图正常加载，但路线不出来

使用了高德地图的，@amap/amap-jsapi-loader插件，然后按照高德地图的实例使用组件，其他项目里面都可以正常显示，但在arco design项目里面，左下角的高德地图名称，可以显示，但图片就是不能显示，找了半天问题，结果是version的问题。

把version: 2.0注释掉就行

<script setup>
  import { onMounted, onUnmounted } from 'vue';
  import AMapLoader from '@amap/amap-jsapi-loader';

  let map = null;

  onMounted(() => {
    AMapLoader.load({
      key: 'key', // 申请好的Web端开发者Key，首次调用 load 时必填
      // version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15  注意不能用2.0版本，否则会报错
      plugins: [], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
    })
      .then((AMap) => {
        console.log('AMap', AMap);
        map = new AMap.Map('container', {
          // 设置地图容器id
          viewMode: '3D', // 是否为3D地图模式
          zoom: 11, // 初始化地图级别
          center: [116.397428, 39.90923], // 初始化地图中心点位置
        });
      })
      .catch((e) => {
        console.log(e);
      });
  });

  onUnmounted(() => {
    map?.destroy();
  });
</script>

<template>
  <div id="container"></div>
</template>

<style scoped>
  #container {
    width: 100%;
    height: 600px;
  }
</style>

1.4.5版本也不好，添加了标记点，一放大就报错，然后标记点消失，没办法还是要提高版本，就要解决不显示路线的问题，解决办法：

要解决问题就要先找到问题所在，问题就是我使用了mockjs,而mockjs拦截了高德地图的api,所以显示不出来，注释掉mockjs或者修改mockjs就行