升级ArcGIS API for JavaScript 4.26踩坑指南

您所在的位置：网站首页 › arcgis怎样移动面 › 升级ArcGIS API for JavaScript 4.26踩坑指南

升级ArcGIS API for JavaScript 4.26踩坑指南

2023-03-11 22:24| 来源: 网络整理| 查看: 265

背景

之前有个老项目用了4.23 的版本，就想着升级到最新，万万没想到折腾了一天，踩了不少坑终于搞好了。

版本升级问题

首先升级版本不是改下版本好就行，还要配置解析插件，设置了webpack插件，因为新版本的 API引用 optional chaining和nullish coalescing，导致Webpack出现解析错误，要安装新的解析器才可以。

"@arcgis/core": "4.26.0", "@babel/core": "^7.18.9", "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6", "@babel/plugin-proposal-optional-chaining": "^7.18.9", "babel-loader": "^8.2.5" 复制代码

但是我运行起来发现还不对，运行起来浏览器老有这些错误，经过一番尝试原来要这样，限制只对arcgis和esri的包起作用

module: { rules: [ { test: /.m?js$/, include: [ path.resolve(__dirname, './node_modules/@esri/'),path.resolve(__dirname, './node_modules/@arcgis/')], use: { loader: "babel-loader", options: { plugins: [ ["@babel/plugin-proposal-nullish-coalescing-operator", { loose: true }], ["@babel/plugin-proposal-optional-chaining", { loose: true }] ] } } } ] } 复制代码

worker打包问题

参考esri的官方项目，研究怎么打包worker依赖，发现运行build:rollup老有问题，一看问题代码提示找不到node:process，查到错误提示处发现要用到node进程，原来是因为node版本太低,14版本的是process,16之后就是node:process，于是更新一下就可以了，一定要用打包出来的chunk和RemoteClient.js，以及对应的loader，把chunk、RemoteClient.js、s.min.js拷贝进项目里

参考资料：

github.com/Esri/jsapi-… blog.csdn.net/qq_34443031…

【本文地址】

升级ArcGIS API for JavaScript 4.26踩坑指南

升级ArcGIS API for JavaScript 4.26踩坑指南

今日新闻

推荐新闻