Uncaught Error: Mode graphql failed to advance stream.

I am trying to use graphiql with a gatsby project and I am experiencing the same issue described in #163. As the author of that issue wrote, I can’t type anything into the editor. The editor space is just blank. When looking at the developer tools I see:

Uncaught Error: Mode graphql failed to advance stream.

I’ve tried clearing the local storage, and that doesn’t do anything. I believe this issue originated when I accidentally hit option-space instead of ctrl-space, which I’ve seen reported as an issue with another plugin:

https://github.com/jimkyndemeyer/js-graphql-intellij-plugin/issues/33

[benjie]

This seems to happen when the data in localStorage cannot be restored. Unfortunately clearing localStorage and then reloading does not resolve it because GraphiQL writes to local storage when the page reloads.

I solved this in Chrome by:

1. Open DevTools
2. Go to Application > Local Storage > http://localhost (or whatever)
3. Press the “Clear All” button (🚫)
4. Chrome Menu > More Tools > Task Manager
5. Find the relevant tab and kill it (don’t give it a chance to write to localStorage)
6. Reload the killed page

[benjie]

Alternatively, run the following JS snippet and then reload the page:

localStorage.clear(); localStorage.setItem = () => {}