Firefox 中间歇性出现 Webpack ChunkLoadError 的根源是什么？

Question

我在一个网站上工作，该网站有一个 Angular 前端，可以通过 webpack（通过 angular-cli）延迟加载 js 块。

我们的一些 Firefox 用户（仅限 Firefox）间歇性地遇到一个问题，其中一个 js 块无法加载，从而导致 ChunkLoadError。当他们清除 Firefox 缓存并重试时，Firefox 将（正确）加载之前无法加载的 js 块。我从多个受影响的用户处获取了 HAR 文件，并亲眼目睹了该模式。例如，在我分享的屏幕截图中，单个文件显示传输了 -1 字节，状态代码为 0。看起来 Firefox 甚至没有尝试发送请求，但这可能是缓存的产物。

这是来自另一个用户的类似但略有不同的 HAR。该错误表现相同。请注意，在这种情况下，有响应，但仍传输 -1 字节。

我在 StackOverflow（和其他地方）上看到过其他类似的问题，这些问题讨论了由于部署新代码而导致的块消失，但这不是这里的问题——清除缓存之前和之后的文件名是相同的，并且这些部署后不会出现问题。

我怀疑有扩展程序或附加组件（可能是某种 js 或广告拦截器），但一些受影响的用户发誓即使所有扩展程序都被禁用，他们也会看到问题。现在，我最好的猜测是 Firefox 本身的缓存系统存在某种问题，但实际上，这只是一个随机猜测。

我知道这不足以调试此问题，但我希望这可能会给某人敲响警钟，他们可以为我指明正确的方向。当然，我自己复制这个的运气为零。

以下是用户报告问题的两个讨论（在我们的网站上），包括一些技术细节：

https://boardgamegeek.com/thread/2800974/cant-open-forum-threads-firefox https://boardgamegeek.com/thread/2788693/special-videos-page-immediately-redirects-me-empt

一些相关的技术细节：我们使用的是 Angular 13.2.1，Angular-CLI 使用的是 webpack 5.67.0。块本身存储在 S3 上并通过 Amazon CloudFront 提供服务。Firefox 版本因用户而异，但至少在 96 版本的 Firefox 中都会出现此问题。

Answer 1

这很有趣。有几件事需要检查和确认。

1. 那么这个应用程序在 FF 上就坏了吗？还有最新的 FFDeveloper 吗？
2. 是否存在对 Webpack 的黑客攻击，或者只是 Angular.json 自定义？
3. webpack-bundle-analyzer 将直观地向您展示 common.js 的使用位置，并且该模块应该在大多数（如果不是全部）模块中使用。是每个页面都尝试加载该页面但失败还是只有一个页面失败？

我可以看到你已经构建了一个新的捆绑包并且加载正常... https://cf.geekdo-static.com/frontend/common.16f86e69f4e853a9.js 其中 common.350630aacb80280c.js 是问题所在。

看来解决了？