Webpack 无法在“Chrome源”选项卡中加载网页包源文件的内容

我正在使用WebpackV4.16.2作为捆绑工具，并将

devtool

设置为

'source-map'

。我正试图通过Chrome sources选项卡调试源文件。但是，当我单击源文件躺下

webpack://

目录时，出现了一个错误：

我没有使用

webpack dev server

，只是将源文件构建到

dist/

文件夹中，然后通过Nginx加载页面

这个错误意味着什么？我非常确定源地图文件已经生成。我怎样才能解决这个问题

---

提前感谢。

我这一整天都在关注同样的问题：

尝试设置webpack.prod.config

  optimization: {
    minimize: false
  }

以下是我到目前为止的发现：

---

源代码映射devtool模式generate.map文件在缩小代码时丢失了sourcesContent属性，这是生产模式中的默认值。还有webpack://XXXX'要定位原始代码所在的源内容，则会发生错误。

我在Google Chrome中调试typescript/html时遇到了完全相同的问题、相同的错误消息等

解决方案是清空缓存

按Control+H加载浏览器历史记录，然后按Clear Data（清除数据）按钮

请尝试按Control+O或Control+p再次加载/选择源文件

---

你能找到答案吗？