nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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

jpb412

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.

Find more posts tagged with

Accepted answers

RRubalcava

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

All comments

RRubalcava

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

jpb412

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"

}

RRubalcava

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?

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.