首页 / 浏览问题 / WebGIS / 问题详情
npm install @supermap/iclient-ol 引用的时候报错
9EXP 2023年07月03日
我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 我这是缺少了什么步骤吗?接下来该怎么做?

1个回答

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

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

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

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

1,850EXP 2023年07月03日
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

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