webpack - 无法在 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 文件丢失 来源内容 缩小 中默认的代码时的属性生产模式。而'webpack://XXXX' 定位到sourceContent 原代码所在的位置，则错误发生。