Webpack Module Warning: Failed to parse source map from "data" URL

Question

I'm receiving a bummer warning and have been unable to find an available solution:

WARNING in ../lensing/dist/main.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from "data" URL: data:application/json;charset=utf-8;base64,eyJ2ZXJza [...]

My webpack.config.js looks like (setup for npm module):

module.exports = {
    entry: './src/index.js',
    output: {
        filename: 'main.js',
        path: path.resolve(__dirname, 'dist'),
        library: 'lensing',
        libraryTarget: 'umd',
        umdNamedDefine: true
    },
    module: {
        rules: [
            {
                test: /\.m?js$/,
                exclude: /(node_modules|bower_components)/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ['@babel/preset-env'],
                        plugins: [
                            '@babel/plugin-proposal-class-properties'
                        ]
                    }
                }
            },
            {
                test: /\.js$/,
                enforce: 'pre',
                use: ['source-map-loader'],
            },
            {
                test: /\.(png|jpg|gif|svg)$/i,
                use: [
                    {
                        loader: 'url-loader',
                        options: {
                            limit: 8192,
                        },
                    },
                ],
            }
        ]
    },
    stats: {
        warningsFilter: [/Failed to parse source map/],
    },
};

I've been surprised not to find much else on this specific issue and am worried that I've missed something that is typically straightforward. I am happy to include any other code snippets that might be helpful but am hoping that the error code might be a strong indiator.

Any advice would be warmly welcomed!

EDIT - more context:

Version: webpack 4.43.0
Time: 6561ms
Built at: 07/31/2020 11:20:55 AM
                               Asset       Size  Chunks             Chunk Names
aafa1b05e4b76ffd04c1fe92edbf15f2.svg  654 bytes          [emitted]  
                             main.js    3.6 MiB    main  [emitted]  main
Entrypoint main = main.js
[0] multi (webpack)-dev-server/client?http://localhost:9000 ./src/index.js 40 bytes {main} [built]
[../lensing/dist/main.js] 2.46 MiB {main} [built] [1 warning]
[./node_modules/openseadragon/build/openseadragon/openseadragon.js] 674 KiB {main} [built]
[./node_modules/webpack-dev-server/client/index.js?http://localhost:9000] (webpack)-dev-server/client?http://localhost:9000 4.29 KiB {main} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.51 KiB {main} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.53 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/createSocketUrl.js] (webpack)-dev-server/client/utils/createSocketUrl.js 2.91 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/log.js] (webpack)-dev-server/client/utils/log.js 964 bytes {main} [built]
[./node_modules/webpack-dev-server/client/utils/reloadApp.js] (webpack)-dev-server/client/utils/reloadApp.js 1.59 KiB {main} [built]
[./node_modules/webpack-dev-server/client/utils/sendMessage.js] (webpack)-dev-server/client/utils/sendMessage.js 402 bytes {main} [built]
[./node_modules/webpack-dev-server/node_modules/strip-ansi/index.js] (webpack)-dev-server/node_modules/strip-ansi/index.js 162 bytes {main} [built]
[./node_modules/webpack/hot sync ^\.\/log$] (webpack)/hot sync nonrecursive ^\.\/log$ 170 bytes {main} [built]
[./src/PIA23533_index32.csv] 622 bytes {main} [built]
[./src/index.css] 519 bytes {main} [built]
[./src/index.js] 1.69 KiB {main} [built]
    + 27 hidden modules

WARNING in ../lensing/dist/main.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from "data" URL: data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvdmlld2ZpbmRlci5qcy5qcyIsInNvdXJjZXMiOlsid2VicGFjazovL2xlbnNpbmcvLi9zcmMvdmlld2ZpbmRlci5qcz9iNWVmIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIGQzIGZyb20gJ2QzJztcblxuLyoqXG4gKiBAY2xhc3MgVmlld2ZpbmRlclxuICovXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBWaWV3ZmluZGVyIHtcblxuICAgIC8vIENsYXNzIHJlZnNcbiAgICBsZW5zaW5nID0gbnVsbDtcblxuICAgIC8vIERhdGFcbiAgICBkYXRhID0gbnVsbDtcbiAgICBvbiA9IGZhbHNlO1xuXG4gICAgLy8gRWxlbWVudHNcbiAgICBlbHMgPSB7XG4gICAgICAgIGRhdGFQb2ludEc6IG51bGwsXG4gICAgICAgIGc6IG51bGwsXG4gICAgICAgIHJhZGlhbEc6IG51bGwsXG4gICAgICAgIHN2ZzogbnVsbCxcbiAgICAgICAgYm94RzogbnVsbFxuICAgIH07XG5cbiAgICAvLyBDb25maWdzXG4gICAgY29uZmlncyA9IHtcbiAgICAgICAgYm94VzogMTUwLFxuICAgICAgICBib3hIOiA1MCxcbiAgICAgICAgZGVnOiAwLFxuICAgICAgICBleHRlbmQ6IDIwMCxcbiAgICAgICAgZ01hcmdpbjoge3RvcDogMCwgbGVmdDogMCwgcmlnaHQ6IDAsIGJvdHRvbTogMH0sXG4gICAgICAgIGdIOiAwLFxuICAgICAgICBnVzogMCxcbiAgICAgICAgaDogMCxcbiAgICAgICAgcjogMCxcbiAgICAgICAgclBvaW50ZXI6IDAsXG4gICAgICAgIHJQb2ludGVyRXh0OiAyNSxcbiAgICAgICAgdzogMCxcbiAgICB9O1xuXG4gICAgLy8gVG9vbHMgLSBUT0RPIGFkZCBib3hTY2FsZSB0byB0cmFjZSBwZXJpbWV0ZXJcbiAgICB0b29scyA9IHtcbiAgICAgICAgY29vcmRTY2FsZTogZDMuc2NhbGVMaW5lYXIoKVxuICAgICAgICAgICAgLmRvbWFpbihbMCwgMzYwXSlcbiAgICAgICAgICAgIC5yYW5nZShbTWF0aC5QSSwgLU1hdGguUEldKSxcbiAgICAgICAgbGluZU1ha2VyOiBkMy5saW5lKCksXG4gICAgICAgIHhTY2FsZTogZDMuc2NhbGVMaW5lYXIoKSxcbiAgICAgICAgeVNjYWxlOiBkMy5zY2FsZUxpbmVhcigpXG4gICAgfVxuXG4gICAgLypcbiAgICBDb25zdHJ1Y3RvclxuICAgICAqL1xuICAgIGNvbnN0cnVjdG9yKF9sZW5zaW5nKSB7XG4gICAgICAgIC8vIEZpZWxkc1xuICAgICAgICB0aGlzLmxlbnNpbmcgPSBfbGVuc2luZztcblxuICAgICAgICAvLyBJbml0XG4gICAgICAgIHRoaXMuaW5pdCgpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIDEuXG4gICAgICogQGZ1bmN0aW9uIGluaXRcbiAgICAgKlxuICAgICAqL1xuICAgIGluaXQoKSB7XG4gICAgICAgIC8vIERlZmluZSB0aGlzXG4gICAgICAgIGNvbnN0IHZpcyA9IHRoaXM7XG5cbiAgICAgICAgLy8gQnVpbGQgc3ZnLCBnXG4gICAgICAgIHZpcy5lbHMuc3ZnID0gZDMuc2VsZWN0KHZpcy5sZW5zaW5nLm92ZXJsYXkuY29udGFpbmVyKVxuICAgICAgICAgICAgLmFwcGVuZCgnc3ZnJyk7XG4gICAgICAgIHZpcy5lbHMuZyA9IHZpcy5lbHMuc3ZnLmFwcGVuZCgnZycpXG4gICAgICAgICAgICAuYXR0cignY2xhc3MnLCAndmlld2ZpbmRlcl9nJylcbiAgICAgICAgICAgIC5zdHlsZSgndHJhbnNmb3JtJywgYHRyYW5zbGF0ZSgke3Zpcy5jb25maWdzLmdNYXJnaW4udG9wfXB4LCAke3Zpcy5jb25maWdzLmdNYXJnaW4ubGVmdH1weClgKTtcblxuICAgICAgICAvLyBBdHRhY2ggY29tcG9uZW50IGcnc1xuICAgICAgICB2aXMuZWxzLnJhZGlhbEcgPSB2aXMuZWxzLmcuYXBwZW5kKCdnJylcbiAgICAgICAgICAgIC5hdHRyKCdjbGFzcycsICd2aWV3ZmluZGVyX3JhZGlhbF9nJyk7XG4gICAgICAgIHZpcy5lbHMuZGF0YVBvaW50RyA9IHZpcy5lbHMucmFkaWFsRy5hcHBlbmQoJ2cnKVxuICAgICAgICAgICAgLmF0dHIoJ2NsYXNzJywgJ3ZpZXdmaW5kZXJfZGF0YV9wb2ludF9nJyk7XG4gICAgICAgIHZpcy5lbHMuZGF0YVBvaW50Ry5hcHBlbmQoJ3BhdGgnKVxuICAgICAgICAgICAgLmF0dHIoJ2ZpbGwnLCAnbm9uZScpXG4gICAgICAgICAgICAuYXR0cignc3Ryb2tlJywgJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMSknKVxuICAgICAgICAgICAgLnN0eWxlKCd0cmFuc2Zvcm0nLCAndHJhbnNsYXRlM2QoMCwgMCwgMCknKTtcbiAgICAgICAgdmlzLmVscy5ib3hHID0gdmlzLmVscy5kYXRhUG9pbnRHLmFwcGVuZCgnZycpXG4gICAgICAgICAgICAuYXR0cignY2xhc3MnLCAndmlld2ZpbmRlcl9ib3hfZycpXG4gICAgICAgICAgICAuc3R5bGUoJ3RyYW5zZm9ybScsICd0cmFuc2xhdGUzZCgwLCAwLCAwKScpXG4gICAgICAgICAgICAuc3R5bGUoJ3Zpc2liaWxpdHknLCAnaGlkZGVuJyk7XG4gICAgICAgIHZpcy5lbHMuYm94Ry5hcHBlbmQoJ3JlY3QnKVxuICAgICAgICAgICAgLmF0dHIoJ3dpZHRoJywgdmlzLmNvbmZpZ3MuYm94VylcbiAgICAgICAgICAgIC5hdHRyKCdoZWlnaHQnLCB2aXMuY29uZmlncy5ib3hIKVxuICAgICAgICAgICAgLmF0dHIoJ2ZpbGwnLCAnbm9uZScpXG4gICAgICAgICAgICAuYXR0cignc3Ryb2tlJywgJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMSknKVxuICAgICAgICAgICAgLmF0dHIoJ3N0cm9rZS13aWR0aCcsICcwLjVweCcpO1xuICAgICAgICB2aXMuZWxzLmJveEcuYXBwZW5kKCd0ZXh0JylcbiAgICAgICAgICAgIC5hdHRyKCdjbGFzcycsICd2aWV3ZmluZGVyX2JveF90ZXh0IHZpZXdmaW5kZXJfYm94X3RleHRfYScpXG4gICAgICAgICAgICAuYXR0cignZmlsbCcsICd3aGl0ZScpXG4gICAgICAgICAgICAuYXR0cigneCcsIGAke3Zpcy5jb25maWdzLmJveFcgLyAyfXB4YClcbiAgICAgICAgICAgIC5hdHRyKCd5JywgYCR7TWF0aC5yb3VuZCh2aXMuY29uZmlncy5ib3hIIC8gMyl9cHhgKVxuICAgICAgICAgICAgLmF0dHIoJ3RleHQtYW5jaG9yJywgJ21pZGRsZScpXG4gICAgICAgICAgICAuYXR0cignYWxpZ25tZW50LWJhc2VsaW5lJywgJ21pZGRsZScpXG4gICAgICAgICAgICAuc3R5bGUoJ2ZvbnQtZmFtaWx5JywgJ3NhbnMtc2VyaWYnKVxuICAgICAgICAgICAgLnN0eWxlKCdmb250LXNpemUnLCAnMTJweCcpXG4gICAgICAgICAgICAuc3R5bGUoJ2ZvbnQtd2VpZ2h0JywgJ2xpZ2h0ZXInKTtcbiAgICAgICAgdmlzLmVscy5ib3hHLmFwcGVuZCgndGV4dCcpXG4gICAgICAgICAgICAuYXR0cignY2xhc3MnLCAndmlld2ZpbmRlcl9ib3hfdGV4dCB2aWV3ZmluZGVyX2JveF90ZXh0X2InKVxuICAgICAgICAgICAgLmF0dHIoJ2ZpbGwnLCAnd2hpdGUnKVxuICAgICAgICAgICAgLmF0dHIoJ3gnLCBgJHt2aXMuY29uZmlncy5ib3hXIC8gMn1weGApXG4gICAgICAgICAgICAuYXR0cigneScsIGAke01hdGgucm91bmQodmlzLmNvbmZpZ3MuYm94SCAqIDIgLyAzKX1weGApXG4gICAgICAgICAgICAuYXR0cigndGV4dC1hbmNob3InLCAnbWlkZGxlJylcbiAgICAgICAgICAgIC5hdHRyKCdhbGlnbm1lbnQtYmFzZWxpbmUnLCAnbWlkZGxlJylcbiAgICAgICAgICAgIC5zdHlsZSgnZm9udC1mYW1pbHknLCAnc2Fucy1zZXJpZicpXG4gICAgICAgICAgICAuc3R5bGUoJ2ZvbnQtc2l6ZScsICcxMXB4JylcbiAgICAgICAgICAgIC5zdHlsZSgnZm9udC1zdHlsZScsICdpdGFsaWMnKVxuICAgICAgICAgICAgLnN0eWxlKCdmb250LXdlaWdodCcsICdsaWdodGVyJyk7XG5cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAZnVuY3Rpb24gd3JhbmdsZVxuICAgICAqXG4gICAgICovXG4gICAgd3JhbmdsZSgpIHtcbiAgICAgICAgLy8gRGVmaW5lIHRoaXNcbiAgICAgICAgY29uc3QgdmlzID0gdGhpcztcblxuICAgICAgICAvLyBVcGRhdGUgZGF0YVxuICAgICAgICB2aXMuZGF0YSA9IHRoaXMubGVuc2luZy5jb25maWdzLnB4RGF0YTtcblxuICAgICAgICAvLyBVcGRhdGUgY29uZmlnc1xuICAgICAgICB2aXMuY29uZmlncy5yID0gdmlzLmxlbnNpbmcuY29uZmlncy5yYWQgLyB2aXMubGVuc2luZy5jb25maWdzLnB4UmF0aW87XG4gICAgICAgIHZpcy5jb25maWdzLnJQb2ludGVyID0gdmlzLmNvbmZpZ3MuciArIHZpcy5jb25maWdzLnJQb2ludGVyRXh0O1xuICAgICAgICB2aXMuY29uZmlncy53ID0gdmlzLmNvbmZpZ3MuaCA9ICh2aXMuY29uZmlncy5yICsgdmlzLmNvbmZpZ3MuZXh0ZW5kKSAqIDI7XG4gICAgICAgIHZpcy5jb25maWdzLmdXID0gdmlzLmNvbmZpZ3MudyAtICh2aXMuY29uZmlncy5nTWFyZ2luLnJpZ2h0ICsgdmlzLmNvbmZpZ3MuZ01hcmdpbi5sZWZ0KTtcbiAgICAgICAgdmlzLmNvbmZpZ3MuZ0ggPSB2aXMuY29uZmlncy5oIC0gKHZpcy5jb25maWdzLmdNYXJnaW4udG9wICsgdmlzLmNvbmZpZ3MuZ01hcmdpbi5ib3R0b20pO1xuXG4gICAgICAgIC8vIENoZWNrIGNvb3JkaW5hdGUgcG9zaXRpb25cbiAgICAgICAgY29uc3QgeCA9IHRoaXMubGVuc2luZy5jb25maWdzLnBvc1swXSAvIHZpcy5sZW5zaW5nLmNvbmZpZ3MucHhSYXRpbyAtIHRoaXMubGVuc2luZy52aWV3ZXIuY2FudmFzLmNsaWVudFdpZHRoIC8gMjtcbiAgICAgICAgY29uc3QgeSA9IHRoaXMubGVuc2luZy5jb25maWdzLnBvc1sxXSAvIHZpcy5sZW5zaW5nLmNvbmZpZ3MucHhSYXRpbyAtIHRoaXMubGVuc2luZy52aWV3ZXIuY2FudmFzLmNsaWVudEhlaWdodCAvIDI7XG4gICAgICAgIHZpcy5kZWcgPSBNYXRoLmF0YW4yKHksIHgpICogKDE4MCAvIE1hdGguUEkpO1xuXG4gICAgICAgIC8vIFVwZGF0ZSB0b29sc1xuICAgICAgICB2aXMudG9vbHMueFNjYWxlXG4gICAgICAgICAgICAuZG9tYWluKFstdmlzLmNvbmZpZ3MuclBvaW50ZXIsIHZpcy5jb25maWdzLnJQb2ludGVyXSlcbiAgICAgICAgICAgIC5yYW5nZShbLXZpcy5jb25maWdzLmJveFcsIDBdKTtcbiAgICAgICAgdmlzLnRvb2xzLnlTY2FsZVxuICAgICAgICAgICAgLmRvbWFpbihbLXZpcy5jb25maWdzLnJQb2ludGVyLCB2aXMuY29uZmlncy5yUG9pbnRlcl0pXG4gICAgICAgICAgICAucmFuZ2UoWy12aXMuY29uZmlncy5ib3hILCAwXSk7XG5cbiAgICAgICAgLy8gUmVuZGVyXG4gICAgICAgIHZpcy5yZW5kZXIoKTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBAZnVuY3Rpb24gcmVuZGVyXG4gICAgICpcbiAgICAgKi9cbiAgICByZW5kZXIoKSB7XG4gICAgICAgIC8vIERlZmluZSB0aGlzXG4gICAgICAgIGNvbnN0IHZpcyA9IHRoaXM7XG5cbiAgICAgICAgaWYgKHZpcy5vbikge1xuXG4gICAgICAgICAgICAvLyBVcGRhdGUgc3ZnLCBnXG4gICAgICAgICAgICB2aXMuZWxzLnN2Zy5hdHRyKCd3aWR0aCcsIHZpcy5jb25maWdzLncpXG4gICAgICAgICAgICAgICAgLmF0dHIoJ2hlaWdodCcsIHZpcy5jb25maWdzLmgpXG4gICAgICAgICAgICAgICAgLmF0dHIoJ3N0eWxlJywgYHBvc2l0aW9uOiBhYnNvbHV0ZTsgbGVmdDogJHstdmlzLmNvbmZpZ3MuZXh0ZW5kfXB4OyB0b3A6ICR7LXZpcy5jb25maWdzLmV4dGVuZH1weDtgKVxuXG4gICAgICAgICAgICAvLyBVcGRhdGUgcmFkaWFsR1xuICAgICAgICAgICAgdmlzLmVscy5yYWRpYWxHLnN0eWxlKCd0cmFuc2Zvcm0nLCBgdHJhbnNsYXRlKCR7dmlzLmNvbmZpZ3MuZ1cgLyAyfXB4LCAke3Zpcy5jb25maWdzLmdIIC8gMn1weClgKVxuXG4gICAgICAgICAgICAvLyBVcGRhdGUgZGF0YVBvaW50R1xuICAgICAgICAgICAgdmlzLmVscy5kYXRhUG9pbnRHXG4gICAgICAgICAgICAgICAgLmRhdHVtKHZpcy5kYXRhKVxuICAgICAgICAgICAgICAgIC5lYWNoKGZ1bmN0aW9uIChkKSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGcgPSBkMy5zZWxlY3QodGhpcyk7XG5cbiAgICAgICAgICAgICAgICAgICAgLy8gUG9pbnRlciBjb29yZHNcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcENvb3JkcyA9IGdldENvb3Jkcyh2aXMuY29uZmlncy5yUG9pbnRlciwgdmlzLmRlZyAtIDkwKTtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgYWRkWCA9IE1hdGgucm91bmQodmlzLnRvb2xzLnhTY2FsZShwQ29vcmRzWzBdKSk7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGFkZFkgPSBNYXRoLnJvdW5kKHZpcy50b29scy55U2NhbGUocENvb3Jkc1sxXSkpO1xuXG4gICAgICAgICAgICAgICAgICAgIC8vIFVwZGF0ZSBwYXRoXG4gICAgICAgICAgICAgICAgICAgIGcuc2VsZWN0KCdwYXRoJylcbiAgICAgICAgICAgICAgICAgICAgICAgIC5hdHRyKCdkJywgdmlzLnRvb2xzLmxpbmVNYWtlcihbWzAsIDBdLCBwQ29vcmRzXSkpO1xuXG4gICAgICAgICAgICAgICAgICAgIC8vIFVwZGF0ZSBib3hHIHZpc2liaWxpdHksIHBvc1xuICAgICAgICAgICAgICAgICAgICB2aXMuZWxzLmJveEcuc3R5bGUoJ3Zpc2liaWxpdHknLCAndmlzaWJsZScpO1xuICAgICAgICAgICAgICAgICAgICB2aXMuZWxzLmJveEcuc3R5bGUoJ3RyYW5zZm9ybScsIGB0cmFuc2xhdGUoJHtwQ29vcmRzWzBdICsgYWRkWH1weCwgJHtwQ29vcmRzWzFdICsgYWRkWX1weClgKTtcbiAgICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgLyogZ2V0Q29vcmRzICovXG4gICAgICAgICAgICBmdW5jdGlvbiBnZXRDb29yZHMociwgaSkge1xuICAgICAgICAgICAgICAgIGNvbnN0IHggPSBNYXRoLnJvdW5kKHIgKiBNYXRoLnNpbih2aXMudG9vbHMuY29vcmRTY2FsZShpKSkpO1xuICAgICAgICAgICAgICAgIGNvbnN0IHkgPSBNYXRoLnJvdW5kKHIgKiBNYXRoLmNvcyh2aXMudG9vbHMuY29vcmRTY2FsZShpKSkpO1xuICAgICAgICAgICAgICAgIHJldHVybiBbeCwgeV07XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG5cbiAgICAgICAgICAgIC8vIEhpZGVcbiAgICAgICAgICAgIHZpcy5lbHMuYm94Ry5zdHlsZSgndmlzaWJpbGl0eScsICdoaWRkZW4nKTtcbiAgICAgICAgfVxuXG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQGZ1bmN0aW9uIHVwZGF0ZV9ib3hfdGV4dFxuICAgICAqIFVwZGF0ZXMgdGhlIHRleHQgZnJvbSBkYXRhXG4gICAgICpcbiAgICAgKiBAcGFyYW0ge09iamVjdH0gZFxuICAgICAqXG4gICAgICovXG4gICAgdXBkYXRlX2JveF90ZXN0KGQpIHtcbiAgICAgICAgLy8gRGVmaW5lIHRoaXNcbiAgICAgICAgY29uc3QgdmlzID0gdGhpcztcblxuICAgICAgICAvLyBVcGRhdGVcbiAgICAgICAgdmlzLmVscy5ib3hHLnNlbGVjdCgnLnZpZXdmaW5kZXJfYm94X3RleHRfYScpXG4gICAgICAgICAgICAudGV4dChgQ29sb3IgSW5kZXggIyR7ZC5pbmRleH1gKTtcbiAgICAgICAgdmlzLmVscy5ib3hHLnNlbGVjdCgnLnZpZXdmaW5kZXJfYm94X3RleHRfYicpXG4gICAgICAgICAgICAudGV4dChgcmdiKCR7ZC5yfSwgJHtkLmd9LCAke2QuYn0pYCk7XG4gICAgfVxuXG5cbn0iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUE7QUFFQTs7OztBQUdBO0FBRUE7QUFHQTtBQUlBO0FBU0E7QUFnQkE7QUFDQTtBQVNBOzs7QUFHQTtBQUFBO0FBQ0E7QUFEQTtBQUNBO0FBREE7QUFDQTtBQURBO0FBQ0E7QUFEQTtBQXBDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTEE7QUFDQTtBQW9DQTtBQTNCQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBWkE7QUFDQTtBQTJCQTtBQVhBO0FBR0E7QUFDQTtBQUNBO0FBTkE7QUFDQTtBQVlBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFFQTs7Ozs7Ozs7O0FBS0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUVBO0FBQ0E7QUFJQTtBQUVBO0FBRUE7QUFJQTtBQUlBO0FBTUE7QUFVQTtBQVlBO0FBRUE7Ozs7Ozs7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBR0E7QUFDQTtBQUlBO0FBQ0E7QUFFQTs7Ozs7OztBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUE4QkE7QUE5QkE7QUFnQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQWxDQTtBQUNBO0FBQ0E7QUFJQTtBQUNBO0FBRUE7QUFHQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBUUE7QUFFQTtBQUNBO0FBQ0E7QUFFQTtBQUVBOzs7Ozs7Ozs7O0FBT0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUVBO0FBRUE7Ozs7OzsiLCJzb3VyY2VSb290IjoiIn0=\n//#
 @ ./src/index.js 3:0-29 65:19-30

Thanks @henokg - seeing it in both places (w webpack dev server and in Chrome console). Any thoughts? EDIT - more specifically it is linked (w npm link) to a demo using webpack (so I am seeing the error in the demo). — jared jessup, Jul 31 '20 at 16:50
can you post more of the error? can't seem to make anything of this alone and can you post it from the dev server console and not the browser one\ — henok, Jul 31 '20 at 17:04
Thanks - I've just done. As a sort of fix I removed the source-map-parser and the warning disappeared. Is it possible this issue happened because a webpack watch package was linked to a webpack watch application? — jared jessup, Jul 31 '20 at 17:14
good thing it worked, i thought the issue was related to performance or size limitation — henok, Jul 31 '20 at 17:15

Roger Perez · Answer 1 · 2022-11-18T21:34:06.253

39

If you're experiencing this issue with react-scripts/cra version 5.0.0. You'll need to add the following to your .env file

NOTE: this is not a fix. You are suppressing the source map warnings, but it may get you from seeing those warnings since all other solutions have not worked.

GENERATE_SOURCEMAP=false

or you can update your script to

"start": "GENERATE_SOURCEMAP=false react-scripts start",

Note: this is a temporary patch until 5.0.1 is released. See create-react-app repo pull request Update: 5.0.1 was release on April 2022. Changelog. The update did not fix this issue. Not sure when that will be ‍♂️

edited Nov 18 '22 at 21:34

answered Feb 03 '22 at 17:40

Roger Perez

2,807
29
31

8

uhm source maps have a purpose and not generating them will break many development flows – Ulysse Mizrahi Feb 04 '22 at 10:28
2

Well aware of it but instead of getting 200+ warnings I can't fix at this moment this is a fair alternate patch until `5.0.1` gets release – Roger Perez Feb 04 '22 at 18:14

score 27 · Answer 2 · answered Jun 24 '21 at 15:45

A better way. The following keeps source maps, and just removes the spam warning. From the docs

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        enforce: "pre",
        use: ["source-map-loader"],
      },
    ],
  },
  ignoreWarnings: [/Failed to parse source map/],
};

score 12 · Answer 3 · answered Sep 23 '20 at 19:59

I have the same problem.

This isn't a solution, but a better workaround than the other "answer":

change your webpack.config.js module.rules setting for source-map-loader to this:

//module.rules:[
            {
                    test: /\.js$/,
                    enforce: 'pre',
                    use: [
                        {
                            //needed to chain sourcemaps.  see: https://webpack.js.org/loaders/source-map-loader/
                            loader: 'source-map-loader',
                            options: {

                                filterSourceMappingUrl: (url, resourcePath) => {
                                    //  console.log({ url, resourcePath }) example:
                                    // {
                                    //  url: 'index.js.map',
                                    //  resourcePath: '/repos/xlib-wsl/common/temp/node_modules/.pnpm/https-proxy-agent@5.0.0/node_modules/https-proxy-agent/dist/index.js'
                                    // }

                                    if (/.*\/node_modules\/.*/.test(resourcePath)) {
                                        return false
                                    }
                                    return true
                                }

                            }
                        }],
                },

That is, don't load sourcemaps for your node_module dependencies.

Why is it better than using the `exclude` property? Seems to do the same through more complex JS code. — Jérôme Beau, May 25 '21 at 09:38
The selected answer clearly stated, "if you are using react-scripts/cra" which implies you cannot access the webpack config. — tonnoz, Dec 20 '22 at 21:14

score 10 · Answer 4 · edited May 25 '21 at 09:32

10

{
    test: [/\.js?$/, /\.ts?$/, /\.jsx?$/, /\.tsx?$/],
    enforce: 'pre',
    exclude: /node_modules/,
    use: ['source-map-loader'],
},

include this into config file and download the source-map-loader as a dev-dependency

edited May 25 '21 at 09:32

Jérôme Beau

10,608
5
48
52

answered May 14 '21 at 20:53

Feras Ziyad

101
1
4

1

Excluding `node_modules` from source maps is indeed a workaround (if you're not interested in debugging down to the libs), but `source-map-loader` can only handle `js` files. – Jérôme Beau May 25 '21 at 09:34

score 7 · Answer 5 · answered Jan 16 '22 at 02:59

Adding to the solutions above, when using create-react-app having added react-app-rewired and customize-cra you can also get rid of the source map warnings updating config-overrides.js and setting ignoreWarnings

const { override } = require("customize-cra");

const ignoreWarnings = value => config => {
  config.ignoreWarnings = value;
  return config;
};

module.exports = override(
  ignoreWarnings([/Failed to parse source map/])
);

score 5 · Answer 6 · answered Jul 08 '22 at 11:57

Extending FrozenKiwi's answer for Craco

// craco.config.js
module.exports = {
    reactScriptsVersion: "react-scripts" /* (default value) */,
    webpack: {
        mode: 'extends',
        configure: {
            module: {
                rules: [
                    {
                        test: /\.js$/,
                        enforce: "pre",
                        use: ["source-map-loader"],
                    },
                ],
            },
            ignoreWarnings: [/Failed to parse source map/],
        },
    },
}

score 0 · Answer 7 · answered Jul 31 '20 at 18:48

Why the warning?

I was running webpack on an npm package in watch mode and testing it on a demo app that was also using webpack in watch mode by using npm link [package-name].

Workaround for dev:

Remove source-map-loader from the webpack.config.js in your demo.

score 0 · Answer 8 · answered Feb 03 '23 at 01:26

I was having the same warning in the console when working on a project created with create-react-app and the following solution worked for me.

I replaced the @remix-run folder in node_modules with the same folder from a different CRA project which was running without this warning and the warning disappeared.

score 0 · Answer 9 · answered May 24 '23 at 09:33

The best solution is to create a 'config-overrides.js' file on your root directory.the add below code:

const webpack = require('webpack');

module.exports = function override(config) {

    config.ignoreWarnings = [/Failed to parse source map/];
    const fallback = config.resolve.fallback || {};
    Object.assign(fallback, {
        "crypto": require.resolve("crypto-browserify"),
        "stream": require.resolve("stream-browserify"),
        "assert": require.resolve("assert"),
        "http": require.resolve("stream-http"),
        "https": require.resolve("https-browserify"),
        "os": require.resolve("os-browserify"),
        "url": require.resolve("url")
    })

    config.resolve.fallback = fallback;
    config.plugins = (config.plugins || []).concat([
        new webpack.ProvidePlugin({
            process: 'process/browser',
            Buffer: ['buffer', 'Buffer']
        })
    ])
    return config;
}

after that install dev npm packages for webpack

npm i -D crypto-browserify stream-browserify assert stream-http https-browserify os-browserify url

and finally you need to change your package.json start and build

 "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
  },

score -1 · Answer 10 · answered Nov 16 '22 at 20:46

-1

faced same issue, i think your api is not being called becuase of cors issue

answered Nov 16 '22 at 20:46

Amjad awan

1

As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Nov 18 '22 at 18:42

maxim.saharov · Answer 11 · 2022-06-30T08:19:50.433

-3

This solution helps me in create-react-app.

You can add this fix by editing the file node_modules/react-scripts/config/webpack.config.js, and pasting this after the line performance: false,

ignoreWarnings: [
  // Ignore warnings raised by source-map-loader.
  // some third party packages may ship miss-configured sourcemaps, that interrupts the build
  // See: https://github.com/facebook/create-react-app/discussions/11278#discussioncomment-1780169
  /**
   *
   * @param {import('webpack').WebpackError} warning
   * @returns {boolean}
   */
  function ignoreSourcemapsloaderWarnings(warning) {
    return (
      warning.module &&
      warning.module.resource.includes('node_modules') &&
      warning.details &&
      warning.details.includes('source-map-loader')
    );
  },
],

But when you make yarn install or npm install, yours edits will be deleted.

edited Jun 30 '22 at 08:19

answered Jun 30 '22 at 07:49

maxim.saharov

67
7

2

Its bad practice to edit anything in node_modules – Matt Nienow Jul 05 '22 at 14:23
@Matt Nienow I know it, but at now l don't know better solution in create-react-app. If you know better solution - write please! In my incident it happens after add antd 4.21 – maxim.saharov Jul 05 '22 at 17:54
@maxim.saharov you can use either [craco](https://www.npmjs.com/package/@craco/craco) or [customize-cra](https://www.npmjs.com/package/customize-cra). – igor.js May 09 '23 at 01:17

Webpack Module Warning: Failed to parse source map from "data" URL

11 Answers11

Linked