Angular/ionic 加载ArcGIS API for JavaScript报错：TypeError:esri_loader_1.bootstrap is not a function

梦里梦外; 2021-09-15 13:14 374阅读 0赞

### 前言 ###

在做ionic3+/Angular 加载ArcGIS API for JavaScript，出现以下错误：

![这里写图片描述][70]

如何在Angular项目中使用ArcGIS API for JavaScript请参考：[https://blog.csdn.net/idomyway/article/details/79717710][https_blog.csdn.net_idomyway_article_details_79717710]  
    ArcGIS API for JavaScript加载代码：

return this.esriLoaderService.load({
          //ArcGIS API地址
          url:"http://localhost:8080/arcgis_js_api/library/3.20/3.20/init.js"
        }).then(()=>{ this.esriLoaderService.loadModules([ "esri/map", "esri/layers/ArcGISTiledMapServiceLayer" ]).then(([Map,ArcGISTiledMapServiceLayer])=>{ this.map = new Map("mapDiv"); let layerUrl = new ArcGISTiledMapServiceLayer("http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer"); this.map.addLayer(layerUrl); }) })

### 错误原因： ###

通过阅读npm上esri-loader的说明，导致报错的原因是因为当前项目中的esri-loader的版本过高。  
    官方给出的说明  
![这里写图片描述][70 1]

### 解决方法 ###

截止到当前  
在执行 `npm install --save angular2-esri-loader esri-loader`  
安装的`angular2-esri-loader` 和`esri-loader`版本是  
![这里写图片描述][70 2]

**方法一：**选择降低`esri-loader`的版本，使用当前已有代码  
降低esri-loader版本

npm uninstall --save esri-loader
    npm cache clean -f
    npm install --save esri-loader@1.0.0

**方法二：**保留当前esri-load版本，升级现有代码(需要加载`esriLoader` 模块)

具体详见npm esri-loader ：[https://www.npmjs.com/package/esri-loader][https_www.npmjs.com_package_esri-loader]

[70]: /images/20210726/6517f744dcd7450d8dc6ea6bd65d8282.png
[https_blog.csdn.net_idomyway_article_details_79717710]: https://blog.csdn.net/idomyway/article/details/79717710
[70 1]: /images/20210726/65da47853504416fad4b52d4ad2eacef.png
[70 2]: /images/20210726/1957ad4d7e5745aa99bfa266cf6c4b7d.png
[https_www.npmjs.com_package_esri-loader]: https://www.npmjs.com/package/esri-loader