topic Re: Map is not displayed when react app is deployed in ArcGIS JavaScript Maps SDK Questions

Map is not displayed when react app is deployed

LOU_Sud-OuestThales_Services — Thu, 19 May 2022 21:22:40 GMT

Hello everyone,

We are using ArcGis Entreprise 10.9.1. We are working on an application written in ReactJS V4 (using TypeScript).

When we run the application locally (on dev environment using an npm start command), the application works fine. (map is displayed and a promise is used then to display some widgets)

But when we deploy the application on ArcGis Portal (built with ArcGIS/Webpack-plugin extension), the map is not displayed (and the widgets are not shown) on the same browser (local machine)

We are using topo-vector map from ArcGis Online, and there is no error or warning message in the browser console and in the ArcGis Server Manager logs

We have also analyzed the network packets from the browser and the map information seem to be loaded successfully (but not displayed and the promise is never resolved)

Any idea?

Thanks

Re: Map is not displayed when react app is deployed

ReneRubalcava — Fri, 20 May 2022 04:16:37 GMT

Usually this is related to babel and the browserlist settings noted here

https://github.com/Esri/jsapi-resources/tree/master/esm-samples/jsapi-create-react-app#misc

But without a test repo, no way to tell.

Re: Map is not displayed when react app is deployed

LOU_Sud-OuestThales_Services — Wed, 25 May 2022 15:19:51 GMT

Thanls for your help, babel was the problem. node_modules folder was modified by babel and we have exclude it from generation (and some minor improvements)