We have a Preact app using the Preact-cli with Typescript template
The tsconfig.json is configured exactly per here: https://developers.arcgis.com/javascript/latest/typescript-setup/
ArcGIS API 4.18 states we can compile with just ES Modules: https://community.esri.com/t5/arcgis-api-for-javascript/build-error-with-typescript/m-p/1035951#M720...
In my TS file I have:
import EsriMap from "@arcgis/core/Map";
and in my componentDidMount I have:
const testMap = new EsriMap({ basemap: "streets-night-vector" });
However, when I build I continue to get the following error and the app fails to compile:
✖ ERROR ../node_modules/@arcgis/core/core/workers/WorkerFallback.js 167:20 Module parse failed: Unsyntactic break (167:20) File was processed with these loaders: * ../node_modules/babel-loader/lib/index.js You may need an additional loader to handle the result of these loaders. | }); | > break; | } catch ($boundEx) { | return $error($boundEx);
I also get the following warning (which is not as severe but needs attention):
⚠ WARN ../node_modules/@arcgis/core/core/workers/workers.js 67:37-46 Critical dependency: the request of a dependency is an expression @ ../node_modules/@arcgis/core/views/3d/support/WorkerHandle.js @ ../node_modules/@arcgis/core/layers/support/LercDecoder.js @ ../node_modules/@arcgis/core/layers/ElevationLayer.js @ ../node_modules/@arcgis/core/portal/Portal.js @ ../node_modules/@arcgis/core/Basemap.js @ ../node_modules/@arcgis/core/Map.js @ ./services/esri/esri.service.ts @ ./components/base-map/base-map.tsx @ ./components/app.tsx @ ./index.ts @ ../node_modules/preact-cli/lib/lib/entry.js
NOTE: everything works fine when I go the esri-loader route, however, we do not want to use that as we are planning for compile ES Modules and...
Any idea what the issue is here?
Thanks in advance...
