topic Re: Module not found: Can't resolve 'esri/Map' When Using @types/arcgis-js-api in ArcGIS JavaScript Maps SDK Questions

Module not found: Can't resolve 'esri/Map' When Using @types/arcgis-js-api

jpb412 — Tue, 16 Nov 2021 21:52:40 GMT

Hi,

Created a simple react app using Create-React-App, installed the @types/arcgis-js-api following the ts setup instructions in dev portal. Continue to get Module not found: Can't resolve 'esri/Map' . Here are the import statements.

import EsriMap from 'esri/Map';

import MapView from 'esri/views/MapView';

Ive tried deleting node_modules and package-lock.json. Made sure skipLibCheck : true in the tsconfig. Tried creating a new project, same result. Please help.

Re: Module not found: Can't resolve 'esri/Map' When Using @types/arcgis-js-api

ReneRubalcava — Tue, 16 Nov 2021 22:37:35 GMT

Are you using the AMD package arcgis-js-api or the ESM package @arcgis/core?

You don't need the typings installed separately in either case, they’ll come with the packages. I'm curious what your package.json and project looks like that you need the typings?

Re: Module not found: Can't resolve 'esri/Map' When Using @types/arcgis-js-api

jpb412 — Wed, 17 Nov 2021 00:56:09 GMT

Hey, thanks for the response. I should have mentioned that this is a typescript react app. I basically was just following this from your documentation since I am just getting started with your js sdk.

https://developers.arcgis.com/javascript/latest/typescript-setup/

If its fine to just use the ESM package instead of using the types mentioned in the documentation above I can do that. Let me know what you suggest. Thanks.

Dependencies from package.json

"dependencies": {

"@testing-library/jest-dom": "^5.15.0",

"@testing-library/react": "^11.2.7",

"@testing-library/user-event": "^12.8.3",

"@types/arcgis-js-api": "^4.21.0",

"@types/jest": "^26.0.24",

"@types/node": "^12.20.37",

"@types/react": "^17.0.35",

"@types/react-dom": "^17.0.11",

"react": "^17.0.2",

"react-dom": "^17.0.2",

"react-scripts": "^4.0.3",

"tslib": "^2.3.1",

"typescript": "^4.4.4",

"web-vitals": "^1.1.2"

}

Re: Module not found: Can't resolve 'esri/Map' When Using @types/arcgis-js-api

ReneRubalcava — Wed, 17 Nov 2021 15:27:09 GMT

Ok, I see. That doc is for building a pure TypeScript project using the CDN. For create-react-app, you don't need to install the typings. Check out this sample here. It's not in TS, but same rules apply, you can use the default tsconfig from create-react-app and still be ok.

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