Crashes every time I click on Cache

[BorisTB]

Everytime I click on cache it just crashes. But only if there's anything stored in cache. I can open Cache tab when cache is empty, but it crashes as soon as something is added to it.

useragent
rawUa: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3350.0 Safari/537.36
string:
family: Chrome
major: 66
minor: 0
patch: 3350
device: Other 0.0.0

OS
string: Mac OS X 10.13.3
family: Mac OS X
major: 10
minor: 13
patch: 3

[tnrich]

I can second that this is happening for me as well:

Also, does anyone know what that

Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self' <URL> <URL>".

error message is about?

[Herlevsen]

Same thing happens for me

Mac OS 10.13.3
Chrome 65.0.3325.162

[przemkow]

Same problem,

Mac OS 10.13.4
Chrome 65.0.3325.181

I wanted to check if firefox plugin crash as well but I couldn't find Apollo Client Devtools on addons.mozilla.org anymore.

[codepunkt]

Same here.

Windows 10
Chrome Version 66.0.3359.181 (Official Build) (64-bit)
React App.

[AlexLi88]

same here
Chrome Version 66.0.3359.181 (Official Build) (64-bit)
Max OS 10.13.4 (17E202)

[BorisTB]

Does anyone from the apollo-client-devtools team noticed this issue? Can you please give some statement? If MacOS is not (and will not be) supported, please let us know.

// I just noticed @codepunkt has this issue on Windows 10, I thought it's just macos thing

[jeffwillette]

I just got this issue as well, and it occurred in the middle of me using dev tools as I usually do. Anyone have an idea of how to fix this?

[lucianD]

I have the same issue using Mac OS

[rijulg]

I found a similar, but not the same problem.
While using Vue.js with Apollo the Cache tab crashed without any errors with basic configuration.

However adding
tokenName: 'apollo-token',
in the apollo client solved the issue for me

import VueApollo from 'vue-apollo';
import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import { InMemoryCache } from 'apollo-cache-inmemory';

// Name of the localStorage item
const LOCAL_STORAGE_TOKEN = 'apollo-token';

const httpLink = new HttpLink({
  // You should use an absolute URL here
  uri: 'http://localhost:3020/graphql',
});

// Create the apollo client
const apolloClient = new ApolloClient({
  link: httpLink,
  tokenName: LOCAL_STORAGE_TOKEN,
  cache: new InMemoryCache(),
  connectToDevTools: true,
});

export default new VueApollo({
  defaultClient: apolloClient,
});

[MattReimer]

I'm seeing the same thing. I tried @rijulg 's fix and the error went away but Queries, Mutations and Cache are empty windows.

Furthermore there's nothing in the inspector-cepted console window at all now to tip me off as to what's wrong.

One interesting thing is that the GraphiQL window works perfectly and I'm able to run queries and auto-complete just fine.

Update: Running Apollo Client Developer Tools 2.1.3 and apollo-client 2.3.4

[StefanFeederle]

This is still an issue.
Edit: Including the id of every object into my queries fixed the crash for me!

[cs-miller]

Still an issue for me, all my queries include ids.

[adamalfredsson]

Same issue, macOS, triggered by adding apollo-link-error!

[faurehu]

I've got this, although it is fixed when a writeQuery is done successfully in my webapp and reloading the panel page.

Before it, the variable window.__APOLLO_CLIENT__.cache.data.data is an empty object {}.

I suspect the extension is expecting something else and cannot render without a populated object.