javascript - 源 map 资源管理器错误 : Check that you are using the correct source map

Question

我有一个使用带有源映射的 Webpack 4 的 JavaScript 项目:

mode: 'development',
entry: { app: './src/app.js' },
output: {
    filename: 'app.[contenthash].js',
    path: outputPath,
},
devtool: 'sourcemap',
externals,
.... 

它在我的 dist 中生成 2 个 JS 文件文件夹: app.[contenthash].js和 app.[contenthash].js.map附在它上面。

我安装了 source-map-explorer :
https://www.npmjs.com/package/source-map-explorer

但是当我在这些文件上运行它时，我得到了错误:

Your source map refers to generated column 8 on line 17, but the source only contains 0 column(s) on that line. Check that you are using the correct source map.

我该如何解决？

编辑:

当我将 Webpack 的模式更改为 production它没有抛出那个错误。为什么？
现在与 production模式，当我运行它时它只是挂起.. 它需要多长时间？

Answer 1

此答案基于@piecioshka 的 ~ 但禁用列/行映射检查，如 source-map-explorer#README 中所示
完整的命令如下所示:

npx source-map-explorer dist/main.js --no-border-checks