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; } } }

Incorrect image path os BasemapToggle widget using ES Modules

RafaelFreitas

Hello!
Recently I´ve migrated my project to use ES Modules to import arcgis js api.
My problem is with BasemapToggle widget, it seems to be working correctly but it doesn´t load the images under /assets/esri/images/basemap and display blank divs. (images attached)

My project url which I am using Arcgis maps is:
http://localhost/first/second

Under devTools inspection I´ve noticed that the url generated is:
background-image: url("http://localhots/first/assets/esri/images/basemap/hybrid.jpg")

If I change manually to the below, the images load correctly:
background-image: url("http://localhots/assets/esri/images/basemap/hybrid.jpg")

My assestsPath is:
config.assetsPath = '/assets';

Any help would be appreciated!

Thanks.

image.png

li-main-banner-globe-crop.png

Find more posts tagged with

Accepted answers

All comments

There are no accepted answers yet

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.