GraphQL Playground loading error

[JstnEdr]

I'm getting a couple errors while trying to access the GraphQL Playground. I've replicated this error with a modified project, as well as a new clone of the repo.

After following the instructions to get the app running locally, I go to http://localhost:4000/playground and see "Loading GraphQL Playground" in the browser. The console has two errors: Failed to load resource: net::ERR_CONTENT_DECODING_FAILED and Uncaught ReferenceError: GraphQLPlayground is not defined.

The first error is referencing middleware.js here: http://cdn.jsdelivr.net/npm/graphql-playground@1.1.2/build/static/js/middleware.js but I think it should be an https url instead, like this: https://cdn.jsdelivr.net/npm/graphql-playground@1.1.2/build/static/js/middleware.js

I was unable to find where this is being called in the repo. Any advice?

[sid88in]

hey @JstnEdr thanks for reporting it. It might be because of

1. Apollo Tracing #136 - the npm package for graphql playground has changed.

2. We have been actively making changes since yesterday and that might have broken something.

I'll try best to get to the bottom by tonight! If you find the solution, feel free to submit a PR.

thanks
Sid

[sid88in]

hey @JstnEdr

I just removed all yarn dependencies from my local and reinstalled everything and it works fine (please see below). Can you please re-clone this repo and do : yarn install to install all dependencies. Let me know if it still doesn't work?

[JstnEdr]

Thanks for the help. I tried deleting the node_modules folder and the yarn.lock file before reinstalling with yarn install but I'm still not getting the Playground to work.

[sid88in]

@JstnEdr how about quick skype call? if you can reach out to me at https://twitter.com/sidg_sid
we can debug it together ;)

thanks
Sid

[JstnEdr]

Playground is now loading, however the graphql endpoint is coming up as undefined. I've found and documented a workaround on issue #287 of the graphql-playground repo. Thanks @sid88in for your help and recent updates.

[sid88in]

@JstnEdr glad that helped.

[XanXus96]

@JstnEdr please how did you resolve the first problem