对于那些从谷歌来到这里的人，对于那些之前的答案没有解决谜团的人……

如果使用XHR进行服务器调用，但不返回响应，则会发生此错误。

示例(来自Nodejs/React，但同样可以是js/php):

App.tsx

const handleClickEvent = () => {
    fetch('/routeInAppjs?someVar=someValue&nutherVar=summat_else', {
        method: 'GET',
        mode: 'same-origin',
        credentials: 'include',
        headers: {
          'content-type': 'application/json',
          dataType: 'json',
        },
    }).then((response) => {
        console.log(response)
    });
}

App.js

app.route('/getAllPublicDatasheets').get(async function (req, res) {
    const { someVar, nutherVar } = req.query;
    console.log('Ending here without a return...')
});

Console.log将在这里报告:

Failed to show response data

为了解决这个问题，将返回响应添加到路由的底部(服务器端):

res.json('Adding this below the console.log in App.js route will solve it.');

如果使用fetch进行AJAX请求，除非使用.text()、.json()等读取，否则不会显示响应。

如果你这样做:

 r = fetch("/some-path");

开发工具中不会显示响应。 它会在你运行后显示:

r.then(r => r.text())

正如Gideon所描述的，这是Chrome的一个已知问题，已经开放了5年多，没有明显的兴趣来修复它。

不幸的是，对我来说，是窗户。Onunload = function(){调试器;变通办法也不管用。到目前为止，我发现的最好的解决办法是使用Firefox，它即使在导航之后也会显示响应数据。Firefox的devtools也有很多Chrome所没有的好特性，比如如果响应数据是html，语法会高亮显示，如果响应数据是JSON，则会自动解析。

另一种可能是服务器不处理OPTIONS请求。

使用firefox，它总是显示响应，并提供与chrome相同的工具。

对于那些在请求JSON数据时得到错误的人:

如果您正在请求JSON数据，JSON可能太大，这是导致错误发生的原因。

我的解决方案是复制请求链接到新选项卡(从浏览器获得请求) 将数据在线复制到JSON查看器，在那里您可以自动解析并对其进行处理。