fix: use already-initialized runtime instance to avoid mixing ESM and CJS imports

src/virtualModules/virtualRemotes.ts

@@ -25,9 +25,8 @@ export function getUsedRemotesMap() {
 }
 export function generateRemotes(id: string, command: string) {
   return `
-    const {loadRemote} = require("@module-federation/runtime")
     const {initPromise} = require("${virtualRuntimeInitStatus.getImportId()}")
-    const res = initPromise.then(_ => loadRemote(${JSON.stringify(id)}))
+    const res = initPromise.then(runtime => runtime.loadRemote(${JSON.stringify(id)}))
     const exportModule = ${command !== 'build' ? '/*mf top-level-await placeholder replacement mf*/' : 'await '}initPromise.then(_ => res)
     module.exports = exportModule
   `;

src/virtualModules/virtualRuntimeInitStatus.ts

@@ -1,16 +1,22 @@
 import VirtualModule from '../utils/VirtualModule';
 export const virtualRuntimeInitStatus = new VirtualModule('runtimeInit');
 export function writeRuntimeInitStatus() {
+  // Use globalThis singleton to ensure only one initPromise exists
+  const globalKey = `__mf_init__${virtualRuntimeInitStatus.getImportId()}__`;
   virtualRuntimeInitStatus.writeSync(`
-    let initResolve, initReject
-    const initPromise = new Promise((re, rj) => {
-      initResolve = re
-      initReject = rj
-    })
-    module.exports = {
-      initPromise,
-      initResolve,
-      initReject
+    const globalKey = ${JSON.stringify(globalKey)}
+    if (!globalThis[globalKey]) {
+      let initResolve, initReject
+      const initPromise = new Promise((re, rj) => {
+        initResolve = re
+        initReject = rj
+      })
+      globalThis[globalKey] = {
+        initPromise,
+        initResolve,
+        initReject
+      }
     }
+    module.exports = globalThis[globalKey]
     `);
 }

src/virtualModules/virtualShared_preBuild.ts

@@ -38,18 +38,17 @@ export function getLoadShareModulePath(pkg: string): string {
 }
 export function writeLoadShareModule(pkg: string, shareItem: ShareItem, command: string) {
   loadShareCacheMap[pkg].writeSync(`
-
     ;() => import(${JSON.stringify(getPreBuildLibImportId(pkg))}).catch(() => {});
     // dev uses dynamic import to separate chunks
     ${command !== 'build' ? `;() => import(${JSON.stringify(pkg)}).catch(() => {});` : ''}
-    const {loadShare} = require("@module-federation/runtime")
     const {initPromise} = require("${virtualRuntimeInitStatus.getImportId()}")
-    const res = initPromise.then(_ => loadShare(${JSON.stringify(pkg)}, {
-    customShareInfo: {shareConfig:{
-      singleton: ${shareItem.shareConfig.singleton},
-      strictVersion: ${shareItem.shareConfig.strictVersion},
-      requiredVersion: ${JSON.stringify(shareItem.shareConfig.requiredVersion)}
-    }}}))
+    const res = initPromise.then(runtime => runtime.loadShare(${JSON.stringify(pkg)}, {
+      customShareInfo: {shareConfig:{
+        singleton: ${shareItem.shareConfig.singleton},
+        strictVersion: ${shareItem.shareConfig.strictVersion},
+        requiredVersion: ${JSON.stringify(shareItem.shareConfig.requiredVersion)}
+      }}
+    }))
     const exportModule = ${command !== 'build' ? '/*mf top-level-await placeholder replacement mf*/' : 'await '}res.then(factory => factory())
     module.exports = exportModule
   `);