开启 module federation 后 在低版本浏览器下报错！

[ckken]

rspack/crates/rspack_plugin_mf/src/sharing/consumesCommon.js

Line 110 in 873cfad

.split(/(?<=[-0-9A-Za-z])\s+/g)

• 开启 mf 为 1.0
• uagent Mozilla/5.0 (Linux; U; Android 7.1.1; zh-cn; MI 6 Build/NMF26X) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/53.0.2785.146 Mobile Safari/537.36 XiaoMi/MiuiBrowser/9.2.11
• 报错 ​ Uncaught SyntaxError: Invalid regular expression: /(?<=[-0-9A-Za-z])\s+/: Invalid group

[ahabhgk]

Since you already find the cause, would you want to send a PR?

[ckken]

#6002 解决 module federation 1.0 正则
目前 1.5 也有兼容性问题 还在定位

[ckken]

1.5 的问题大概率是 mf runtime 没走编译直接输出 导致一系列兼容性问题 希望可以根据系统进行兼容性编译

[wzc321]

确实是的，没走编译，导致里面大量let、箭头函数

[chenjiahan]

Related issue in Rsbuild: web-infra-dev/rsbuild#2360 (will be fixed in the next version)

For Rspack users, you can add the following Rspack rule to match the virtual modules created by the ModuleFederationPlugin:

// rspack.config.js
module.exports = {
  module: {
    rules: [
      {
        mimetype: {
          or: [
            'text/javascript',
            'application/node',
            'application/javascript'
          ]
        },
        use: [
          {
            loader: 'builtin:swc-loader',
            options: {
              // some SWC options
            }
          }
        ],
      },
    ]
  },
}

[2heal1]

for rspack, you can add below configuration to downgrade @module-federation/runtime :

// rspack.config.js
  module: {
    rules:[
      {
+        mimetype: {
+          or: [
+           'text/javascript',
+           'application/node',
+            'application/javascript'
+          ]
+        },
        use: {
          loader: 'builtin:swc-loader',
          options: {
+           env: {
+            targets: [
+               "> 0.5%",
+              "not dead",
+               "IE 11"
+             ],
            },
            jsc: {
              parser: {
                syntax: 'ecmascript',
                jsx: true,
              },
              transform: {
                react: {
                  pragma: 'React.createElement',
                  pragmaFrag: 'React.Fragment',
                  throwIfNamespace: true,
                  development: false,
                  useBuiltins: false,
                },
              },
          
            },
          },
        },
        type: 'javascript/auto',
      },
      {
        test: /\.jsx?$/,
        use: {
          loader: 'builtin:swc-loader',
          options: {
+           env: {
+              targets: [
+               "> 0.5%",
+              "not dead",
+               "IE 11"
+            ],
            },
            jsc: {
              parser: {
                syntax: 'ecmascript',
                jsx: true,
              },
              transform: {
                react: {
                  pragma: 'React.createElement',
                  pragmaFrag: 'React.Fragment',
                  throwIfNamespace: true,
                  development: false,
                  useBuiltins: false,
                },
              },
          
            
            },
          },
        },
        type: 'javascript/auto',
      },
    ]
  },

I recommend you use rsbuild , it will auto apply you targets , no need to config so complex. And the [email protected] will be release this week

[wzc321]

Thanks, I prefer to use Rsbuild and I will wait for the next version.