docs: document errorLoadRemote lifecycle calls (#2417)

Co-authored-by: ScriptedAlchemy <[email protected]>
Co-authored-by: Zhou xiao <[email protected]>

Author: ScriptedAlchemy

apps/website-new/docs/en/plugin/dev/index.mdx

@@ -270,7 +270,12 @@ type HandlePreloadModuleOptions = {
 
 `AsyncHook`
 
-Called if loading a federated module fails, allowing for custom error handling.
+This hook is invoked when the loading of a federated module fails, enabling customized error handling strategies.
+
+It is designed to be triggered during various lifecycle stages of module loading in the event that any of the stages fail.
+
+Utilize `args.lifecycle` to identify the specific lifecycle stage that has initiated the call to `errorLoadRemote`, allowing for appropriate error handling or fallback mechanisms.
+
 
 - Type
 
@@ -282,7 +287,9 @@ async function errorLoadRemote(
 type ErrorLoadRemoteOptions = {
   id: string;
   error: unknown;
+  options?: any;
   from: 'build' | 'runtime';
+  lifecycle: 'onLoad' | 'beforeRequest';
   origin: FederationHost;
 };
 ```
@@ -298,9 +305,13 @@ const fallbackPlugin: () => FederationRuntimePlugin = function () {
   return {
     name: 'fallback-plugin',
     errorLoadRemote(args) {
-      const fallback = 'fallback';
-      return fallback;
-    },
+      if(args.lifecycle === 'onLoad') {
+        const fallback = 'fallback';
+        return fallback;
+      } else if (args.lifecycle === 'beforeRequest') {
+        return args
+      }
+    }
   };
 };
 
@@ -310,10 +321,10 @@ init({
     {
       name: '@demo/app2',
       entry: 'http://localhost:3006/remoteEntry.js',
-      alias: 'app2',
-    },
+      alias: 'app2'
+    }
   ],
-  plugins: [fallbackPlugin()],
+  plugins: [fallbackPlugin()]
 });
 
 loadRemote('app2/un-existed-module').then((mod) => {

apps/website-new/docs/zh/plugin/dev/index.mdx

@@ -271,26 +271,33 @@ type HandlePreloadModuleOptions = {
 
 `AsyncHook`
 
-如果加载联合模块失败，则调用，允许自定义错误处理。
+当联合模块加载失败时，此钩子将被触发，允许自定义错误处理策略。
+
+它被设计为在模块加载的各个生命周期阶段失败时触发。
+
+利用 `args.lifecycle` 来识别调用 `errorLoadRemote` 的具体生命周期阶段，从而实现适当的错误处理或回退机制。
+
 
 - 类型
 
-```ts
+```typescript
 async function errorLoadRemote(
   args: ErrorLoadRemoteOptions,
 ): Promise<void | unknown>;
 
 type ErrorLoadRemoteOptions = {
   id: string;
   error: unknown;
+  options?: any;
   from: 'build' | 'runtime';
+  lifecycle: 'onLoad' | 'beforeRequest';
   origin: FederationHost;
 };
 ```
 
 - 示例
 
-```ts
+```typescript
 import { init, loadRemote } from '@module-federation/enhanced/runtime';
 
 import type { FederationRuntimePlugin } from '@module-federation/enhanced/runtime';
@@ -299,9 +306,13 @@ const fallbackPlugin: () => FederationRuntimePlugin = function () {
   return {
     name: 'fallback-plugin',
     errorLoadRemote(args) {
-      const fallback = 'fallback';
-      return fallback;
-    },
+      if(args.lifecycle === 'onLoad') {
+        const fallback = 'fallback';
+        return fallback;
+      } else if (args.lifecycle === 'beforeRequest') {
+        return args
+      }
+    }
   };
 };
 
@@ -311,17 +322,16 @@ init({
     {
       name: '@demo/app2',
       entry: 'http://localhost:3006/remoteEntry.js',
-      alias: 'app2',
-    },
+      alias: 'app2'
+    }
   ],
-  plugins: [fallbackPlugin()],
+  plugins: [fallbackPlugin()]
 });
 
 loadRemote('app2/un-existed-module').then((mod) => {
   expect(mod).toEqual('fallback');
 });
 ```
-
 ### beforeLoadShare
 
 `AsyncWaterfallHook`