fix(runtime): fixed an issue where script failed to load properly when static resources were set to cross-domain response headers due to the default setting of script crossorigin to anonymous (this issue appeared in next.js) (#2706)

Author: zhoushaw

.changeset/thick-pianos-perform.md

@@ -0,0 +1,7 @@
+---
+'@module-federation/runtime': patch
+'@module-federation/sdk': patch
+---
+
+fix(runtime): Fixed an issue where script failed to load properly when static resources were set to cross-domain response headers due to the default setting of script crossorigin to anonymous (this issue appeared in next.js)
+

packages/runtime/__tests__/__snapshots__/preload-remote.spec.ts.snap

@@ -21,11 +21,11 @@ exports[`preload-remote inBrowser > 1 preload with default config 1`] = `
   ],
   "scripts": [
     {
-      "crossorigin": "anonymous",
+      "crossorigin": "",
       "src": "http://localhost:1111/resources/preload/preload-resource/federation-remote-entry.js",
     },
     {
-      "crossorigin": "anonymous",
+      "crossorigin": "",
       "src": "http://localhost:1111/resources/preload/preload-resource/sub1-button/federation-remote-entry.js",
     },
   ],
@@ -78,11 +78,11 @@ exports[`preload-remote inBrowser > 2 preload with all config  1`] = `
   ],
   "scripts": [
     {
-      "crossorigin": "anonymous",
+      "crossorigin": "",
       "src": "http://localhost:1111/resources/preload/preload-resource/sub2/federation-remote-entry.js",
     },
     {
-      "crossorigin": "anonymous",
+      "crossorigin": "",
       "src": "http://localhost:1111/resources/preload/preload-resource/sub2-button/federation-remote-entry.js",
     },
   ],
@@ -100,7 +100,7 @@ exports[`preload-remote inBrowser > 3 preload with expose config  1`] = `
   ],
   "scripts": [
     {
-      "crossorigin": "anonymous",
+      "crossorigin": "",
       "src": "http://localhost:1111/resources/preload/preload-resource/sub3/federation-remote-entry.js",
     },
   ],
@@ -118,7 +118,7 @@ exports[`preload-remote inBrowser > 3 preload with expose config  2`] = `
   ],
   "scripts": [
     {
-      "crossorigin": "anonymous",
+      "crossorigin": "",
       "src": "http://localhost:1111/resources/preload/preload-resource/sub3/federation-remote-entry.js",
     },
   ],

packages/runtime/project.json

@@ -76,7 +76,7 @@
         "parallel": false,
         "commands": [
           {
-            "command": "vitest run -c packages/runtime/vitest.config.ts",
+            "command": "vitest run -u -c packages/runtime/vitest.config.ts",
             "forwardAllArgs": false
           }
         ]

packages/runtime/src/utils/preload.ts

@@ -209,7 +209,6 @@ export function preloadAssets(
           url: jsUrl,
           cb: () => {},
           attrs: {
-            crossorigin: 'anonymous',
             fetchpriority: 'high',
           },
           createScriptHook: (url: string) => {

packages/sdk/src/dom.ts

@@ -217,7 +217,6 @@ export function loadScript(
       url,
       cb: resolve,
       attrs: {
-        crossorigin: 'anonymous',
         fetchpriority: 'high',
         ...attrs,
       },