繁体   English   中英

Webpack 模块警告:无法从“数据”URL 解析源 map

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

我收到了一个糟糕的警告,并且一直无法找到可用的解决方案:

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 [...]

我的 webpack.config.js 看起来像(npm 模块的设置):

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/],
    },
};

我很惊讶在这个特定问题上没有找到太多其他内容,并且担心我错过了一些通常很简单的事情。 我很乐意包含任何其他可能有用的代码片段,但我希望错误代码可能是一个强有力的指示器。

任何建议都将受到热烈欢迎!

编辑 - 更多上下文:

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

更好的方法。 以下保留源地图,并仅删除垃圾邮件警告。 从文档

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

如果您在使用react-scripts /cra 版本5.0.0时遇到此问题。 您需要将以下内容添加到您的.env文件中

GENERATE_SOURCEMAP=false

或者您可以将脚本更新为

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

注意:这是一个临时补丁,直到5.0.1发布。 请参阅 create-react-app repo pull request更新: 5.0.1 于 2022 年 4 月发布。 变更日志 更新没有解决这个问题。 不知道什么时候会♂️

我也有同样的问题。

这不是解决方案,而是比其他“答案”更好的解决方法:

将 source-map-loader 的webpack.config.js module.rules 设置更改为:

//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
                                }

                            }
                        }],
                },

也就是说,不要为你的 node_module 依赖加载源映射。

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

将其包含到配置文件中并将source-map-loader作为开发依赖项下载

添加到上述解决方案中,当使用添加了react-app-rewiredcustomize-cra create-react-app时,您还可以摆脱源 map 警告更新config-overrides.js和设置 ignoreWarnings

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

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

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

扩展 FrozenKiwi 对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/],
        },
    },
}

面临同样的问题,我认为你的 api 没有被调用是因为 cors 问题

在处理使用create-react-app的项目时,我在控制台中收到了相同的警告,以下解决方案对我有用。

我用另一个CRA项目中的相同文件夹替换了node_modules中的@remix-run文件夹,该项目在没有此警告的情况下运行,并且警告消失了。

为什么要发出警告?

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] .

开发人员的解决方法:

从演示中的webpack.config.js中删除source-map-loader

这个解决方案可以帮助我创建反应应用程序。

您可以通过编辑文件 node_modules/react-scripts/config/webpack.config.js 来添加此修复,并将其粘贴在行性能之后: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')
    );
  },
],

但是当您安装 yarn 或 npm 安装时,您的编辑将被删除。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM