Include @arcgis/core js scripts and assets in Angular build

Question

I'm creating an application that may not have access to the internet and need to load the ArcGIS Javascript 4.23 API from a local server.

I'm currently using ES modules and can't seem to find a way to make sure the modules are part of the deployment.

Any pointers on how to do this? I've seen posts on how to import assets but not full js library folders like  @arcgis/core

JulianaCastillo · Answer

It did help somewhat but now I'm getting other issues.

My hover popups are not displaying as well as the home widget with the zoom in/out.

It does not show any errors but are not displaying. Is there anything else I might be missing?

UPDATE: The main.css file was not loading. I moved it out back to the angular.json file and it seems to be working fine.

Thanks,

Juliana

AndyGup · Answer

@JulianaCastillono you can continue using @arcgis/core as outlined in my steps above. I'm not sure what gave you that impression? Maybe #4 above was confusing because of the link I used, I'll update that information to help clarify.

We recommend downloading the JS API documentation for use offline - the JS API documentation applies to both AMD and ESM, the API functionality is the same. To download the documentation, navigate to the ArcGIS API for JavaScript download page and log-in with your Esri global account. If you are using @arcgis/core you won't need to download or use the AMD modules.

Did that help?

JulianaCastillo · Answer

Thank you,

So for the js scripts, I'd have to use AMD if I need to run them locally?

I have been using ES modules through my application and I'd need to re-create to use AMD?

Juliana