@module-federation/typescript 2.0.3 cause html-webpack-plugin throw Error: Child compilation has already started

[liaoyu]

html-webpack-plugin throw:

[webpack-cli] Error: Child compilation has already started

app1/node_modules/html-webpack-plugin/lib/cached-child-compiler.js:186:27
    at Hook.eval [as callAsync] (eval at create (app1/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:25:1)

Only when remotes have multi app will cause this error，If remotes only has app2 it works.

new FederatedTypesPlugin({
  federationConfig: {
    name: 'app1',
    remotes: {
      app2: 'app2@http://localhost:3002/remoteEntry.js',
      app3: 'app2@http://localhost:3003/remoteEntry.js'
    },
    shared: ['react', 'react-dom'],
  }
})

Analysis of causes

Child compilation has already started ref: https://github.com/jantimon/html-webpack-plugin/blob/d5ce5a8f2d12a2450a65ec51c285dd54e36cd921/lib/cached-child-compiler.js#L182-L187

Possibly reason is webpack callback invoked many times.

https://github.com/module-federation/universe/blob/d97d764ded8d3cb1b5e04829eaf226f0c5a3baa3/packages/typescript/src/plugins/FederatedTypesPlugin.ts#L204-L207

Reappearance Env

• node v16.0.0
• webpack 5.72.1
• html-webpack-plugin 5.5.0
• @module-federation/typescript 2.0.3

Reappearance demo: https://github.com/liaoyu/module-federation-typescript-v2-issue-reappearance

[ilteoood]

Hey @liaoyu, I'm developing a plugin for this that is bundler-agnostic: https://github.com/ilteoood/native-federation-typescript

If you have some time, would you like to test it?

[dmcgoughpax8]

👀 I'm also running into this issue

[ilteoood]

@dmcgoughpax8 may I ask you to test my plugin too? More details in previous comments

[github-actions]

🎉 This issue has been resolved in version 1.0.0-canary.1 🎉

The release is available on:

• npm package (@canary dist-tag)
• GitHub release

Your semantic-release bot 📦🚀