如何延长Chrome DevTools中Source Maps的加载超时时间？

我之前也碰到过类似的情况——明明手动下载大体积Source Map飞快，但DevTools就是报超时错误，尤其是15MB这种不算小的文件，大概率是DevTools内部的加载阈值限制在搞鬼。给你几个亲测有效的解决办法：

• 开启大文件Source Map支持的实验性功能：
  打开DevTools后按F1进入设置，切换到「Experiments」标签页，找到Large file source map support这个选项勾选上，重启DevTools再试。这个功能就是专门优化大体积Source Map的加载逻辑的，我之前处理12MB的文件时，一开这个就好了。

• 手动导入本地的Source Map文件：
  如果上面的方法没起作用，你可以先把Source Map手动下载到本地。然后在DevTools的「Sources」面板里找到对应的脚本文件，右键点击选择Add source map，然后选中你本地下载好的文件，这样DevTools直接读本地文件，就不会有网络超时的问题了。

• 检查服务器的响应头设置：
  虽然你手动下载快，但有可能服务器返回给DevTools的响应头里缺少Content-Length或者Cache-Control这类字段，导致DevTools的加载逻辑误判。可以在Network面板里查看这个Source Map请求的响应头，确认这些字段是否正常，必要的话找后端同学调整一下。

• 临时关闭DevTools的禁用缓存选项：
  进入DevTools设置（F1）的「Preferences」标签页，找到Disable cache (while DevTools is open)选项，暂时关掉它。有时候禁用缓存会让大文件的加载重试逻辑出问题，关闭后可能就能顺利加载了。

应该有一个方法能解决你的问题，试试看吧！

内容的提问来源于stack exchange，提问作者Marthinus Engelbrecht