topic Re: Angular 19 build error with exports in ArcGIS JavaScript Maps SDK Questions

Angular 19 build error with exports

SandroDevos — Tue, 26 Nov 2024 13:48:13 GMT

Hi,

Since updating to Angular 19, we get a build error regarding exports from within the @ArcGIS/core package.

node_modules/@arcgis/core/intl.d.ts:4:1 - error TS1203: Export assignment cannot be used when targeting ECMAScript modules. Consider using 'export default' or another module format instead. 4 export = intl; ~~~~~~~~~~~~~~ node_modules/@arcgis/core/geometry/projection.d.ts:4:1 - error TS1203: Export assignment cannot be used when targeting ECMAScript modules. Consider using 'export default' or another module format instead. 4 export = projection;

Package version of @angular is 19, errors happen on both `@arcgis/core` version 4.28.10 and version 4.31.6.

Re: Angular 19 build error with exports

AndyGup — Tue, 03 Dec 2024 17:56:31 GMT

Thanks for letting us know @SandroDevos. We've reproduced the issue and are looking into it.

Re: Angular 19 build error with exports

AndyGup — Tue, 03 Dec 2024 20:45:44 GMT

@SandroDevos in tsconfig.json, try setting skipLibCheck to true.

Re: Angular 19 build error with exports

BillMitchell — Mon, 23 Dec 2024 15:15:37 GMT

I have also had this issue. Setting skipLibCheck to true in tsconfig.json did not solve the issue.

10.53 ✘ [ERROR] TS1203: Export assignment cannot be used when targeting ECMAScript modules. Consider using 'export default' or another module format instead. [plugin angular-compiler] 10.53 10.53 node_modules/@arcgis/core/geometry/geometryEngine.d.ts:4:0: 10.53 4 │ export = geometryEngine; 10.53 ╵ ~~~~~~~~~~~~~~~~~~~~~~~~ 10.53 10.53 10.53 ✘ [ERROR] TS1203: Export assignment cannot be used when targeting ECMAScript modules. Consider using 'export default' or another module format instead. [plugin angular-compiler] 10.53 10.53 node_modules/@arcgis/core/geometry/geometryEngineAsync.d.ts:4:0: 10.53 4 │ export = geometryEngineAsync; 10.53 ╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 10.53 10.53 10.53 ✘ [ERROR] TS1203: Export assignment cannot be used when targeting ECMAScript modules. Consider using 'export default' or another module format instead. [plugin angular-compiler] 10.53 10.53 node_modules/@arcgis/core/geometry/projection.d.ts:4:0: 10.53 4 │ export = projection;

Re: Angular 19 build error with exports

JavidYousaf — Thu, 09 Jan 2025 14:02:59 GMT

I just updated a project to Angular 19 and am experiencing this same issue using the latest version of @ArcGIS/core (4.31.6):

✘ [ERROR] TS1203: Export assignment cannot be used when targeting ECMAScript modules. Consider using 'export default' or another module format instead. [plugin angular-compiler] node_modules/@arcgis/core/core/reactiveUtils.d.ts:4:0: 4 │ export = reactiveUtils; ╵ ~~~~~~~~~~~~~~~~~~~~~~~

Do you have a fix for this yet as I tried setting skipLibCheck to true in tsconfig.json but that didn't work.

Re: Angular 19 build error with exports

AndyGup — Thu, 09 Jan 2025 17:14:30 GMT

@JavidYousafand @BillMitchell can someone provide a minimal repro sample where skipLibCheck is true and you still see the errors? The core Angular sample is the best starting point: https://github.com/Esri/jsapi-resources/tree/main/core-samples/jsapi-angular-cli. Here's our recommendations for creating and sharing the sample: https://developers.arcgis.com/javascript/latest/troubleshooting/#minimal-reproducible-application.

Re: Angular 19 build error with exports

JavidYousaf — Fri, 10 Jan 2025 08:35:59 GMT

Hi @AndyGup I tried my application this morning and it worked - I still had the skipLibCheck enabled in tsconfig.json:

"skipLibCheck" = true

I think restating the console solved the issue, which I didn't do before, so as far as I can see your solution works.

My tsconfg.json looks like this now:

"compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", ..... "skipLibCheck": true },

Thanks for your help!