Error when using dynamic imports

If I include the following in my worker code (assuming dummyModule.js just contains export default 1)

const unusedImport = () => import('./dummyModule')

then I get this error:

./src/myWorker.ts (./node_modules/worker-plugin/dist/loader.js?{“name”:“0”}!./src/myWorker.ts) ChunkRenderError: Conflict: Multiple chunks emit assets to the same filename static/js/0.chunk.worker.js (chunks 0 and 0)

Is this something we can work around with worker-plugin’s options?

[FTWinston]

I can work around this error by specifying a name in the worker’s options:

new Worker('./myWorker.ts', { name: 'mine', type: 'module' });

I’d consider this to be a good-enough workaround.

[gluck]

Bit by this issue as well, I was providing a name but a non-constant one, so plugin would still go for chunkname === ‘0’. I believe this is caused because ‘0’ chunk name (provided to SingleEntryPlugin) could eventually conflict with webpack ID-based chunk names (if you do dynamic imports or chunk splitting).

Easy fix confirmed is to use something else like 'W' + workerId as default name argument to loader.js.

Happy to PR this 1 line change if anyone with better webpack skills than mine can confirm it’s the right ™️ way to go.