Attempts to load multiple modules only loads the first.

[caschbre]

I'm attempting to load several modules (multiple bundle.js files in different directories) using the following method:

<script type="module" src="https://unpkg.com/dimport?module" data-main="/distinct/path/bundle.js"></script>
<script nomodule defer src="https://unpkg.com/dimport/nomodule" data-main="/distinct/path/bundle.js"></script>

The first bundle.js gets loaded, however the subsequent bundle.js files never load.

<script type="module" src="https://unpkg.com/dimport?module" data-main="/first/bundle.js"></script>
<script nomodule defer src="https://unpkg.com/dimport/nomodule" data-main="/first/bundle.js"></script>

<script type="module" src="https://unpkg.com/dimport?module" data-main="/second/bundle.js"></script>
<script nomodule defer src="https://unpkg.com/dimport/nomodule" data-main="/second/bundle.js"></script>

In the above example, only /first/bundle.js gets loaded.

Is what I'm attempting to do even feasible?

[lukeed]

Hey,

I'm pretty sure dimport gets downloaded once (because CDN cache & how ESM imports natively work) and so there's only 1 instance of dimport that can be "self-aware" and fetch its own attribute.

Can you try appending unique query strings to each script? unpkg.com/dimport?module&123

I am on my phone right now, so I can't tell if that affects the caching headers from unpkg

[caschbre]

Unfortunately the unique query string approach did not work. Any other thoughts?

Can a comma delimited list of modules be added to data-main or is that only expecting a single path?