Webpack Module Federation Error ScriptExternalLoadError: Loading script failed

Question

NOTE: I tried accessing this directly in the browser https://localhost:5007/accom-web/dist/js/assets/browser-bundle/remoteEntryTest.js and I'm served the remoteEntryTest.js file.

This is my webconfig in host.

This is webconfig of remote application.

Optimization config for remote application is below.

optimization: {
    runtimeChunk: false,
    emitOnErrors: true,
    splitChunks: {
       minSize: 256000,
       minChunks: 1,
       maxAsyncRequests: 10,
       automaticNameDelimiter: '-',
       cacheGroups: {
           chunks: 'initial',
           .....
       },
    },
    .....
}

I looked at the GitHub issues regarding this too but didn't help much.

https://github.com/module-federation/module-federation-examples/issues/307 https://github.com/module-federation/module-federation-examples/issues/1273 https://github.com/module-federation/module-federation-examples/issues/692

Any suggestions on this how to fix it?

any solution for this error ?

Gopinath Kaliappan
– Gopinath Kaliappan

2022-12-06 11:51:01 +00:00
Commented Dec 6, 2022 at 11:51 — Gopinath Kaliappan
– Gopinath Kaliappan, Commented Dec 6, 2022 at 11:51
same issue, any solution for this error please?

Alen
– Alen

2023-01-16 07:38:08 +00:00
Commented Jan 16, 2023 at 7:38 — Alen
– Alen, Commented Jan 16, 2023 at 7:38

JASKRU · Accepted Answer · 2022-06-24 16:41:51Z

11

I had a similar issue with specifying shared dependencies on a remote. I ended up having to disable splitChucks after reviewing your Github references. I'm sure you tried that as well but this got my remote working again recently.

optimization: {
        splitChunks: false,
    },

answered Jun 24, 2022 at 16:41

JASKRU

1691 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Gopinath Kaliappan Over a year ago

hi @jaskru where to add optimization

I'm nidhin Over a year ago

@GopinathKaliappan Inside webpack config.

Vignesh M Over a year ago

What if need both SplitChunks as well as Remote??

xzegga Over a year ago

What about Vite?, it doesn't have that option.

Manspof Over a year ago

@xzegga did you find solution for vite?

|

Onur Doğan · Accepted Answer · 2025-01-22 15:11:42Z

0

Change the URL https to http in remotes. It works for me

edited Jan 22 at 15:11

Onur Doğan

2,11612 gold badges35 silver badges60 bronze badges

answered Jan 22 at 10:24

Rajesh Nakkanaboina

11 bronze badge

Comments

Nadimuthu Sarangapani · Accepted Answer · 2025-09-29 21:15:12Z

Before the below version of webpack, we can provide any name in "remotes" like {mycomponent : "mycomponent@https://module.domain.com/remoteEntry.js"}.

Remote webpack.config.js

new ModuleFederationPlugin({
    name : 'module_name_1',
    filename : 'remoteEntry.js',
    exposes : {
        './Component1'  : './src/screens/ComponentsOne',
        './Component2'  : './src/screens/ComponentsTwo',
   }
})

"webpack": "^5.99.8",
"webpack-cli": "^6.0.1",
"webpack-dev-server": "^5.2.1"

But after the below version, remote name and local should be same.

"webpack": "^5.102.0",
"webpack-cli": "^6.0.1",
"webpack-dev-server": "^5.2.2"

Local webpack.config.js

new ModuleFederationPlugin({
    name : 'allmodules',
    remotes : {
        module_name_1  : 'module_name_1@https://module.domain.com/remoteEntry.js'
    }
})

Collectives™ on Stack Overflow

Webpack Module Federation Error ScriptExternalLoadError: Loading script failed

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related