Npm build playground failure

As per the docs, I tried to run the playground after building and ran into errors. I’m using the CLI.

npm install worked
npm run build:dev worked
npm run watch:dev worked
npm run serve -w @tools/babylon-server worked
npm run serve -w @tools/playground fails with the below error in webpack.

ERROR in ./src/legacy/legacy.ts 46:6
Module parse failed: Identifier '$ReactRefreshModuleId$' has already been declared (46:6)
File was processed with these loaders:
 * ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
 * ../../dev/buildTools/node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js
 * ../../../node_modules/ts-loader/index.js
You may need an additional loader to handle the result of these loaders.
| }
|
> const $ReactRefreshModuleId$ = __webpack_require__.$Refresh$.moduleId;
| const $ReactRefreshCurrentExports$ = __react_refresh_utils__.getModuleExports(
|       $ReactRefreshModuleId$

webpack 5.105.4 compiled with 1 error in 11399 ms

I guess there’s a duplicate identifier ? In any case, playground won’t load, hope it helps.

1 Like

cc @RaananW

1 Like

This has been fixed here:

Fix playground webpack build error caused by duplicate ReactRefreshWebpackPlugin by VicenteCartas · Pull Request #18198 · BabylonJS/Babylon.js

4 Likes

webpack 5.105.4 compiled successfully in 32815 ms
Tested, works! Thanks!

2 Likes