Question

我vue 里npm install @supermap/iclient-ol，然后引用的时候import { GetFeaturesBySQLParameters } from '@supermap/iclient-ol'; 然后报了如下错误： Module parse failed: Unexpected token (77:18) You may need an appropriate loader to handle this file type. | if (window && window.ol) { | let ol = window.ol; | ol.supermap = { ...SuperMap, ...ol.supermap }; | ol.supermap.control = ol.supermap.control || {}; | // control @ ./node_modules/babel-loader/lib!./node_modules/vux-loader/src/script-loader.js!./node_modules/vux-loader/src/script-loader.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/pages/home/Dmxq/causeMap.vue 39:0-66 @ ./src/pages/home/Dmxq/causeMap.vue @ ./node_modules/babel-loader/lib!./node_modules/vux-loader/src/script-loader.js!./node_modules/vux-loader/src/script-loader.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/pages/home/Dmxq/causeAnalysis.vue @ ./src/pages/home/Dmxq/causeAnalysis.vue @ ./node_modules/babel-loader/lib!./node_modules/vux-loader/src/script-loader.js!./node_modules/vux-loader/src/script-loader.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/pages/home/Dmxq/dmxq.vue @ ./src/pages/home/Dmxq/dmxq.vue @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8081 webpack/hot/dev-server ./src/main.js 我这是缺少了什么步骤吗？接下来该怎么做？

Answer 1

您好，1、通过'npm install @supermap/iclient-ol'引入成功后，初始化地图加载是否正常？

2、根据报错信息，是webpack编译错误错误，找到对应的代码段落，检查语法、引入模块是否正确。

3、SuperMap iClient for OpenLayers 使用了 ES6 语法，为了兼容不支持 ES6 语法的浏览器，需要在打包的过程中进行一些配置，包括语法转换的处理。

详情参考开发指南：https://iclient.supermap.io/web/introduction/openlayersDevelop.html

Comments

1,初始化地图是正常的；

2，引用模块import { GetFeaturesBySQLParameters } from '@supermap/iclient-ol';这样引用的

3,{ "plugins": [ ["@supermap/babel-plugin-import", { "libraryName": "@supermap/iclient-ol" } ] ] }管网说的这个放哪

---

安装 @supermap/babel-plugin-import以后，在.babelrc或babel.config.js中添加。

Vue快速搭建超图二维iClient  https://blog.csdn.net/supermapsupport/article/details/109294147

---

谢谢，按照您说的去做可以了。