Hi!

Subdirectories & CDN paths are tricky. Suppose you have:

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

When we see that relative import to foo.js, we automatically add an entry in the importmap - 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 that key in the importmap, 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, the key in the importmap also needs to have the /subdir inside of it.

Additionally, for a CDN, if the browser downloads https://cdn.com/assets/app.js, then it will resolve the import to https://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 full https://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 set framework.asset.base_urls to some https://cdn.com/ type of URL.

Cheers!