Graphiql (интерфейс GraphQL) не загружается в Chrome, но работает в Firefox и Safari

Я не уверен, что изменилось в 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 не определено.

Я использую: Elixir, Phoenix, Absinthe, Absinth-Plug, Vue, Vue-Apollo, apollo-boost, graphql,

Поскольку графический интерфейс, похоже, загружается из CDN, мне интересно, следует ли мне исследовать это направление. Однако вкладка сети в chrome не показывает сбоев.

введите здесь описание изображения


person Loading...    schedule 05.06.2020    source источник


Ответы (1)


Кажется, что большая часть активности/истории использования Graphiql сохраняется в localStorage. Я не уверен, что сломало историю, но я проверил сломанную конфигурацию в консоли с несколькими точками останова. Это привело меня к обнаружению, что используется localStorage. Затем я очистил там много ключей/значений, и мой Graphiql успешно отрендерился.

person Loading...    schedule 05.06.2020