ES Modules not working with React Declarative Routing

supegui — Thu, 21 Jan 2021 15:08:19 GMT

Hi, I hope you're doing great.

I feel this is a bug using the ES Module for React, please take a look and confirm.

I'm trying to use the new ES Module on a React app (@Anonymous User/core), I followed the documentation doing this:

1. npm install @Anonymous User/core

2. inside the package.json, I added the script for coping the assets to the public folder generated by webpack (I'm using create-react-app) --> "copy": "ncp ./node_modules/@arcgis/core/assets ./public/assets"

This is the issue, inside the React app I'm using declarative routing (react-router-dom) and when placing the map component inside of a root path http://myapp.com/map, it works pretty well, and no error to load the map.

but when placing the map inside of a subpath http://myapp.com/main/map the map is not able to load and it breaks showing the error:

Refused to execute script from 'http://localhost:3003/main/assets/esri/core/workers/RemoteClient.js' because its MIME type ('text/html') is not executable.

if you check the error and the URL the error is throwing, the Arcgis Map (@Anonymous User/core) is trying to get the copied assets from the folder /public/main/assets and not for the /public/assets where it should always find them. And that's because the map was located inside the route /main/map.

I really appreciate your support,

Re: ES Modules not working with React Declarative Routing

ReneRubalcava — Thu, 21 Jan 2021 16:22:18 GMT

You need to configure the assetsPath of the API, so it can properly locate them in this situation.

Something like this.

config.assetsPath = "/assets"; // look at the root of the domain.

The angular demo does this for its routing feature.

Re: ES Modules not working with React Declarative Routing

supegui — Fri, 22 Jan 2021 14:17:22 GMT

@ReneRubalcava Thank you so much, I really appreciate your support, It works now! 🙌

topic Re: ES Modules not working with React Declarative Routing in ArcGIS JavaScript Maps SDK Questions

ES Modules not working with React Declarative Routing

Re: ES Modules not working with React Declarative Routing

Re: ES Modules not working with React Declarative Routing