vue中使用echarts的map的问题

问题描述：

使用json方式注册的，在html的页面中使用正常，但是使用vue搭建的使用就报错了。

// .html 这是可以出来地图的
var chart = echarts.init(document.getElementById("map"))

$.getJSON(/*json地址*/, function (data) {
  //注册地图
  echarts.registerMap("china", data);
  //绘制地图
  chart.setOption({
    geo: {
      map: 'china'
    }
  })
})

// .vue 这种报错了
drawMap () {
  this.$ajax.get(/*json地址*/).then(res => {
    // 注册地图
    this.$echarts.registerMap('china', res)
    // 绘制地图
    this.chart = this.$echarts.init(document.getElementById('map'))
    this.chart.setOption({
      geo: {
        map: 'china'
      }
    })
  }).catch(err => {
    console.log(err)
  })
}

报错，项目中没有这个文件，就只是请求了一个json而已，之前看到好像说echarts4内置了地图文件，难道这是内置的报错了吗？vue和html都是使用cdn引入的echarts

<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.js"></script>

json文件使用的都是echarts的github下的china.json

请求大佬指点～

react-router经过阿里的umi封装，路由为：/DataDashboard/:id；具体代码如下： router.push({ pathname: `/DataDashboard/${id} ...