`Module build failed` with devtool option to have source maps with original source quality

When using webpack’s devtool option so as to obtain source maps with original source, like, e.g., eval-cheap-module-source-map, eval-source-map, or cheap-module-source-map, the build fails with the following error. (For bundled, generated, or transformed code, there is no error and the plugin works as expected.)

ERROR in ./src/index.js
Module build failed (from ./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js):
Error: You must provide the URL of lib/mappings.wasm by calling SourceMapConsumer.initialize({ 'lib/mappings.wasm': ... }) before using SourceMapConsumer
    at readWasm (/Users/.../node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/source-map/lib/read-wasm.js:8:13)
    at wasm (/Users/.../node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/source-map/lib/wasm.js:25:16)
    at BasicSourceMapConsumer.then.that (/Users/.../node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/source-map/lib/source-map-consumer.js:264:14)
 @ multi ./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js webpack-hot-middleware/client?path=/__webpack_hmr&timeout=20000&reload=true ./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ErrorOverlayEntry.js ./src main[3]

We use a server-side application with a custom Express HTML server making use of Webpack Dev Middleware and Webpack Hot Middleware, like, e.g., at https://stackoverflow.com/a/41837779.

Plugin configuration is the following:

new ReactRefreshWebpackPlugin({
	forceEnable: true,
	overlay: {
		sockIntegration: 'whm',
	}
})

Versions used: @pmmmwh/react-refresh-webpack-plugin 0.4.1 webpack 4.44.1 webpack-dev-middleware 3.7.2 webpack-hot-middleware 2.25.0

[pmmmwh]

Released in v0.4.2.

[pmmmwh]

Let you choose then 👍

I’ll patch this in 0.4.2, probably today/tomorrow.