It is not possible to re-import after a failed import.

[mench32]

Description

If the dynamic module import fails, for example due to problems with the Internet connection, it will be cached and will never be able to import again.

Example

const button = document.getElementById('btn');

button.onclick = async () => {
  try {
    const module = await import(`./module.js`);
    console.log(module.calc(1, 2));
  }
  catch (err) {
    console.log(err?.message); // <-- after fail we will always catch error
  }
}

In native ESM we can add search like "?c=1" params to the end of the string:

import('./module.js?c=1')

and it will solve the problem

I didn't find a solution in the Vite documentation.

Suggested solution

Add support for dynamic search:
const module = await import(`./dir/${file}.js?c=${count}`)

Alternative

1. Do not cache unsuccessfully loaded modules (Can be optional).
2. Add a special comment similar to /* @vite-ignore */ (for example /* @vite-nocache */)
3. Add some method for clearing cache vite import.meta.clearImportCache('./module.js')

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[sapphi-red]

Duplicate of #11804. See #11804 (comment) for why Vite cannot add params to burst the cache.

It seems whatwg/html#6768 has some progress recently, so we might have a better solution to this in near future.