How do I use the createScript hook to retry resource loading?

[ruofengOvO]

https://module-federation.io/plugin/dev/index.html#createscript This is the address of Hook, I wrote a demo here. However, the return here may involve some timing issues. JS resources are returned without triggering onerror or onload. Is there any good idea?

Now:

const scriptRetryPlugin: () => FederationRuntimePlugin = function () {
  return {
    name: 'script-retry-plugin',
    createScript({ url }) {
      let script = document.createElement('script');
      script.src = url;

      const maxRetries = 3;
      let attempt = 0;

      const loadScript = () => {
        attempt++;
        script.onerror = () => {
          if (attempt < maxRetries) {
            console.log(`retry！！！ (${attempt}/${maxRetries})...`);
            script = document.createElement('script');
            script.src = url;
            loadScript();
          } else {
            console.log(`reach maxRetries`);
          }
        };

        script.onload = () => {
          // ...
        };
      };
      loadScript();
      return { script };
    },
  };
};

expect:

function createScript(url, retries = 3) {
  return new Promise((resolve, reject) => {
    let attempt = 0;
    
    function loadScript() {
      const script = document.createElement('script');
      script.src = url;
      script.onload = () => resolve(script);
      script.onerror = () => {
        if (attempt < retries) {
          attempt++;
          loadScript();  // Retry
        } else {
          reject(new Error(`Failed to load script ${url}`));
        }
      };
      document.head.appendChild(script);
    }

    loadScript();
  });
}