![](/img/trans.png)
[英]Webpack module parse failed warning with .svg files and custom config
[英]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-rewired
和customize-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.