vue引入SuperMap超图引入流程及报错处理

Web_Lys

已于 2022-04-26 17:19:08 修改

阅读量1.8k

点赞数 1

分类专栏：超图 Vue 文章标签：超图 GIS

于 2022-04-26 17:05:21 首次发布

本文链接：https://blog.csdn.net/lys20000913/article/details/124432204

版权

Vue 同时被 2 个专栏收录

47 篇文章 2 订阅

订阅专栏

超图

1 篇文章 0 订阅

订阅专栏

本文详细介绍了如何在Vue 2应用中处理超图引入时出现的Moduleparsefailed: Unexpected token报错，并提供了针对Webpack配置的解决方案。重点在于Es6转码问题的排查与webpack loader的设置。

摘要由CSDN通过智能技术生成

超图引入流程

跳转至文档查看引入流程

超图引入报错处理

报错代码

Module parse failed: Unexpected token (82:25)
You may need an appropriate loader to handle this file type.
|      */
|     search(imageSearchParameter) {
|         var postBody = { ...(imageSearchParameter || {}) };
|         var me = this;
|         var path = Util.convertPath('/search');

解决方式

以vue2为例需要在webpack中处理一下该解析方式。经查询资料应该是Es6转换相关问题导致的未细究但问题已解决


            {
                test: /\.js$/,
                loader: 'babel-loader',
                include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client'), resolve('node_modules/@supermap'), resolve('node_modules/_@supermap_iclient-common@10.2.1@@supermap'), resolve('node_modules/_@supermap_iclient-ol@10.2.1@@supermap')]
            },