Esri JS-API 4.13, Webpack, imported classes show up undefined

AndreasKunz — Mon, 03 Feb 2020 17:12:31 GMT

We are using the ArcGIS JavaScript API 4.13 in an Angular 8 based project and are about to change from esri-loader to a Webpack approach. I followed the instructions on Angular | ArcGIS API for JavaScript 4.14 installing @arcgis/webpack-plugin 4.13.1. The example worked fine, but when i startet migrating the project, several imported classes show up "undefined". I went back to the simple example to reproduce the error, and it was the same.

We are using roughly 50 classes from different packages, but five classes show up undefined, these are the failing imports:

import watchUtils from 'arcgis-js-api/core/watchUtils';
import geometryEngine from 'arcgis-js-api/geometry/geometryEngine';
import webMercatorUtils from 'arcgis-js-api/geometry/support/webMercatorUtils';
import size from 'arcgis-js-api/renderers/smartMapping/creators/size';
import color from 'arcgis-js-api/renderers/smartMapping/creators/color';

I realize that each of the imported classes starts with a lower case letter, but the same goes for "import config from 'arcgis-js-api/config';", which is not failing.

What am i missing?
Cheers,

Schotty

Re: Esri JS-API 4.13, Webpack, imported classes show up undefined

ReneRubalcava — Sat, 11 Dec 2021 17:47:56 GMT

There are some modules in the API that do not have a default export. In this case you will need to import them with in one of two ways.

import * as watchUtils from 'arcgis-js-api/core/watchUtils';

// OR

import { whenTrue, whenFalse } from 'arcgis-js-api/core/watchUtils';‍‍‍‍‍

Re: Esri JS-API 4.13, Webpack, imported classes show up undefined

AndreasKunz — Tue, 04 Feb 2020 08:47:18 GMT

Hi Rene,

thanks, that solved the problem.

topic Re: Esri JS-API 4.13, Webpack, imported classes show up undefined in ArcGIS JavaScript Maps SDK Questions

Esri JS-API 4.13, Webpack, imported classes show up undefined

Re: Esri JS-API 4.13, Webpack, imported classes show up undefined

Re: Esri JS-API 4.13, Webpack, imported classes show up undefined