无法在 Chrome 源选项卡中加载 webpack 源文件的内容

Question

我使用 webpack v4.16.2 作为我的捆绑工具，并设置devtool为'source-map'. 我正在尝试通过 Chrome 源选项卡调试源文件。但是，当我单击源文件躺下webpack://目录时，出现错误：

我没有使用webpack-dev-server，只是将源文件构建到文件dist/夹中，然后通过 Nginx 加载页面。

这个错误是什么意思？我很确定源映射文件已生成。我怎样才能解决这个问题？

提前致谢。

Answer 1

我一整天都遇到同样的问题：

尝试设置 webpack.prod.config

  optimization: {
    minimize: false
  }

这是我到目前为止发现的：

source-map devtool 模式生成的 .map 文件在缩小生产模式下默认的代码时丢失了resourcesContent属性。然后通过'webpack://XXXX'来定位原始代码所在的sourcesContent，然后就会发生错误。