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

Question

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

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

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

提前致谢。

标签： webpacksource-maps

Answer 1

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

解决方案是清空缓存。

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

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