fix: automatically switch to fetch mode when runtime is set

Author: ClarkXia

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 See [https://github.com/ice-lab/icestark/releases](https://github.com/ice-lab/icestark/releases) for what has changed in each version of icestark.
 
+# 2.8.4
+
+- [fix] automatically switch to "fetch" mode when runtime is set.
+
 # 2.8.3
 
 - [feat] support `runtime.url` as an array for loading multiple types of resources.

packages/icestark/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ice/stark",
-  "version": "2.8.3",
+  "version": "2.8.4",
   "description": "Icestark is a JavaScript library for multiple projects, Ice workbench solution.",
   "scripts": {
     "build": "rm -rf lib && tsc",

packages/icestark/src/AppRoute.tsx

@@ -86,8 +86,12 @@ export default class AppRoute extends React.Component<AppRouteProps, AppRouteSta
     };
     const { loadScriptMode, runtime } = props;
 
-    if (loadScriptMode && loadScriptMode !== 'fetch' && runtime) {
-      console.error('[icestark] runtime option can only be used when loadScriptMode is set to "fetch"');
+    if (runtime) {
+      if (loadScriptMode && loadScriptMode !== 'fetch') {
+        console.error('[icestark] runtime option can only be used when loadScriptMode is set to "fetch"');
+      } else if (!loadScriptMode) {
+        console.warn('[icestark] Runtime option detected but loadScriptMode not set - automatically switching to "fetch" mode');
+      }
     }
   }
 

packages/icestark/src/apps.ts

@@ -374,14 +374,14 @@ function mergeThenUpdateAppConfig(name: string, configuration?: StartConfigurati
     return;
   }
 
-  const { umd, sandbox } = appConfig;
+  const { umd, sandbox, runtime } = appConfig;
 
   // Generate appSandbox
   const appSandbox = createSandbox(sandbox) as Sandbox;
 
   // Merge loadScriptMode
   const sandboxEnabled = sandbox && !appSandbox.sandboxDisabled;
-  const loadScriptMode = appConfig.loadScriptMode ?? (umd || sandboxEnabled ? 'fetch' : 'script');
+  const loadScriptMode = appConfig.loadScriptMode ?? (umd || sandboxEnabled || (runtime && runtime.length > 0) ? 'fetch' : 'script');
 
   // Merge global configuration
   const cfgs = {