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

如果使用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.');

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

对于在请求大型JSON数据时收到此错误的人，正如Blauhirn所提到的，如果您使用身份验证头等，则不能在新选项卡中打开请求。

幸运的是chrome确实有其他选项，如复制->复制为卷曲。 从commandoline通过cURL运行这个调用将是原始调用的精确复制。

我添加了> ~/result。Json到最后一部分，将结果保存到一个文件中。 否则它将被输出到控制台。

如果您正在执行跨域请求，而远程主机没有正确处理CORS报头，也可能发生“未能显示响应数据”的情况。检查js控制台的错误。

只要响应的主体没有在你的代码中被消耗(例如使用.json()或.text())，它就不会显示在Chrome开发工具的预览选项卡中

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