fix: initializeSharing before load remote while shareStrategy is version first

Author: 2heal1

.changeset/nervous-tomatoes-marry.md

@@ -0,0 +1,6 @@
+---
+'@module-federation/webpack-bundler-runtime': patch
+'@module-federation/runtime': patch
+---
+
+fix: initializeSharing before load remote while shareStrategy is version first

packages/runtime/src/core.ts

@@ -215,7 +215,7 @@ export class FederationHost {
   // eslint-disable-next-line @typescript-eslint/member-ordering
   async loadRemote<T>(
     id: string,
-    options?: { loadFactory?: boolean; from: CallFrom },
+    options?: { loadFactory?: boolean; from: CallFrom; shareScope?: string },
   ): Promise<T | null> {
     return this.remoteHandler.loadRemote(id, options);
   }

packages/runtime/src/remote/index.ts

@@ -193,11 +193,18 @@ export class RemoteHandler {
   // eslint-disable-next-line @typescript-eslint/member-ordering
   async loadRemote<T>(
     id: string,
-    options?: { loadFactory?: boolean; from: CallFrom },
+    options?: { loadFactory?: boolean; from: CallFrom; shareScope?: string },
   ): Promise<T | null> {
     const { host } = this;
     try {
-      const { loadFactory = true } = options || { loadFactory: true };
+      const { loadFactory = true, shareScope } = options || {
+        loadFactory: true,
+      };
+      if (this.host.options.shareStrategy === 'version-first') {
+        await Promise.all(
+          this.host.sharedHandler.initializeSharing(shareScope),
+        );
+      }
       // 1. Validate the parameters of the retrieved module. There are two module request methods: pkgName + expose and alias + expose.
       // 2. Request the snapshot information of the current host and globally store the obtained snapshot information. The retrieved module information is partially offline and partially online. The online module information will retrieve the modules used online.
       // 3. Retrieve the detailed information of the current module from global (remoteEntry address, expose resource address)

packages/webpack-bundler-runtime/src/remotes.ts

@@ -107,7 +107,7 @@ export function remotes(options: RemotesOptions) {
           const remoteModuleName = remoteName + data[1].slice(1);
           return webpackRequire.federation.instance!.loadRemote(
             remoteModuleName,
-            { loadFactory: false, from: 'build' },
+            { loadFactory: false, from: 'build', shareScope: data[0] },
           );
         } catch (error) {
           onError(error as Error);