topic ES Modules: '@arcgis/core/geometry/projection' does not contain a default export' in ArcGIS JavaScript Maps SDK Questions

ES Modules: '@arcgis/core/geometry/projection' does not contain a default export'

JamesGough — Mon, 26 Apr 2021 14:39:43 GMT

I am testing out the new ES Modules option in 4.19 by migrating one of my apps from ESRI Loader to ES Modules. The app uses React and was created using Create React App.

I am having issues importing the "projection" module. For example if I try to import it as below I get a compile time error:

import projection from "@arcgis/core/geometry/projection"; // Failed to compile. // ./src/map/MainMap.tsx // Attempted import error: '@arcgis/core/geometry/projection' does not contain a default export (imported as 'projection').

Additional version info:

"@arcgis/core": "^4.19.1",

"react": "^17.0.0",

"react-scripts": "4.0.3",

"typescript": "^3.7.5"

How should I import this module?

Re: ES Modules: '@arcgis/core/geometry/projection' does not contain a default export'

ReneRubalcava — Mon, 26 Apr 2021 15:31:32 GMT

The syntax would look like this.

import { load, project } from '@arcgis/core/geometry/projection';

You could import the entire module like this.

import * as projection from '@arcgis/core/geometry/projection';

However this will load all the methods of projection, even if you don't use them. It's a minimal impact on built javascript, but the first way allows build tools to only include code you use.

Re: ES Modules: '@arcgis/core/geometry/projection' does not contain a default export'

JamesGough — Mon, 26 Apr 2021 15:44:04 GMT

Perfect, thanks Rene!