Hi!

Subdirectories & CDN paths are tricky. Suppose you have:

// assets/app.jsimport './foo.js';

When we see that relative import tofoo.js, we automatically add an entry in theimportmap - e.g.:

"/assets/foo.js": "/assets/foo-abcd1234digest.js"

So, when the browser downloads/assets/app-abcd1234diegest.js, it follows the./foo.js relative path to resolve to/assets/foo.js. It then sees thatkey in theimportmap, and downloads the final file.

However, suppose you're under a subdirectory so that the browser downloads/subdir/assets/app-abcd1234diegest.js. In that case, it will resolve the relative import to/subdir/assets/foo.js. And so, thekey in the importmap also needs to have the/subdir inside of it.

Additionally, for a CDN, if the browser downloadshttps://cdn.com/assets/app.js, then it will resolve the import tohttps://cdn.com/assets/bar.js. If the key in the importmap is/assets/bar.js, that will NOT be used, as this is interpreted as the URL of the site - e.g.https://myfrontendsite.com/assets/bar.js. So even in this case, the key needs to be the fullhttps://cdn.com/assets/bar.js so that it's used.

I tested this locally on a subdirectory project as well as a CDN, where you setframework.asset.base_urls to somehttps://cdn.com/ type of URL.

Cheers!