Graphiql (GraphQL UI) 未在 Chrome 中加载，但可在 Firefox 和 Safari 中运行

Question

我不确定 Chrome 中发生了什么变化，但 Graphiql GUI 工具未加载。

在 Firefox 和 Safari 中它工作得很好。我已禁用所有 Chrome 扩展，重新启动 Chrome，并重新启动我的 Mac。错误仍然存在。我该如何调试？

在 graphql-workspace.min.js 中出错：

this.state.config.state.proxy || this.state.config.state.headers.forEach(function(e) {

错误：

graphiql-workspace.min.js:1 Uncaught TypeError: Cannot read property 'forEach' of undefined
    at t.value (graphiql-workspace.min.js:1)
    at t.value (graphiql-workspace.min.js:1)
    at t.value (graphiql-workspace.min.js:1)
    at t.value (graphiql-workspace.min.js:1)
    at performInitialMount (react-dom.min.js:13)
    at p.mountComponent (react-dom.min.js:13)
    at Object.mountComponent (react-dom.min.js:14)
    at mountChildren (react-dom.min.js:14)
    at m._createInitialChildren (react-dom.min.js:13)
    at mountComponent (react-dom.min.js:13)

这是它在 Firefox 中运行的图片：

不确定为什么 headers 未定义。

我正在使用：长生不老药、凤凰、苦艾酒、Absinth-Plug、Vue、Vue-Apollo、apollo-boost、graphql、

由于 GUI 似乎是从 CDN 加载的，我想知道这是否是我应该探索的方向。但是 chrome 中的网络选项卡没有显示任何故障。

Answer 1

似乎使用 Graphiql 的大部分 activity/history 都保存到 localStorage。我不确定是什么打破了历史记录，但我检查了控制台中损坏的配置并设置了几个断点。这让我发现正在使用 localStorage。然后我在那里清除了很多 key/values，我的 Graphiql 渲染成功。

Graphiql (GraphQL UI) 未在 Chrome 中加载，但可在 Firefox 和 Safari 中运行

Graphiql (GraphQL UI) not loading in Chrome but works in Firefox and Safari

google-chrome

firefox

graphql

graphiql

absinthe