chrome 有时会奇怪地缓存 webpack://scripts答案

【问题标题】：chrome sometimes caching webpack://scripts wierdlychrome 有时会奇怪地缓存 webpack://scripts
【发布时间】：2016-03-04 19:18:10
【问题描述】：

我使用 webpack 作为模块打包器

我已启用地图文件

在 chrome 中，我的原始脚本文件来自一个特殊的 webpack 资源

我不太确定是什么原因造成的，但有时旧版本的脚本会被缓存。实际的新代码仍在正确更新，但地图引用的版本已过时。这意味着行号不再匹配，我看不到任何代码更改（例如超级烦人）。

它似乎最终会自行修复，但同时让我感到难过。

有没有其他人遇到过类似的问题/对如何解决有任何想法？

它似乎与chrome隔离（如果我转到另一个浏览器会加载正确的版本）

我试过了：

【问题讨论】：

是的，我也有这个问题。标准缓存清理并不能解决它。我发现的唯一解决方案是以这种方式清除缓存：转到 devtools 中的网络选项卡，按右键并单击“清除浏览器缓存”。

【解决方案1】：

我发现这是由于缓存的实际地图文件造成的。

如果您在新选项卡中打开地图文件并重新加载它，则源已全部正确更新

这可能是 chrome 中的一个错误，即没有使用开发工具禁用缓存设置或页面硬重新加载重新加载。

【讨论】：

除了手动刷新页面以查看更新后的源地图之外，您找到解决方案了吗？您是否使用热重装（热模块更换）？我遇到了您描述的热重载问题（代码本身已注入页面，但源映射已过时）。 “source-map”（生成单独的源映射文件）和“eval-source-map”（源映射嵌入到源文件中）都会发生这种情况。
@JasonFrank 遗憾的是，我解决它的唯一方法是手动刷新地图文件。我当时没有使用热加载，但同样的问题。我不确定它是否仅限于 chrome 或 webkit。如果它真的很痛苦，那么在另一个浏览器中可能不会那么糟糕。
这仍然是 chrome 的噩梦
解决此问题的唯一方法是重新安装 Chrome