有什么方法可以获取“TypeError: Failed to fetch”背后的详细错误吗？

Question

我正在尝试调试原因<2% of my users receive "TypeError: Failed to fetch" on a given endpoint. I'm seeing this error in Sentry, but I cannot reproduce it.

我发现浏览器会在控制台中打印详细的错误行，说明实际错误是什么（CORS 策略、net::ERR_FAILED、net::ERR_INTERNET_DISCONNECTED 等），但实际上没有办法从应用程序中读取此内容。无论我在 JS 中尝试什么，我得到的都是“TypeError: Failed to fetch”。

我相信“重播”会话调试工具也无法捕获这一点。

JS 有没有办法捕获详细消息，或者它们几乎只在控制台打开时在客户端屏幕上可见？

Answer 1

至少对于基于 Chromium 的浏览器，查看源代码，我可以看到这些只是故意直接记录在 devtools 控制台中（此处代码），因此实际上没有办法从 JavaScript 获取该信息。看来你运气不太好。

无论如何，如果您捕获该错误，至少您应该了解失败请求的一些详细信息，例如 URL、方法等。您可以尝试重现用户的设置（相同的浏览器和版本、相同的操作系统等）。如果这不起作用，您可能需要考虑礼貌地要求一些您知道遇到此问题的用户为您查看控制台。