GraphQL Playground loading error

See original GitHub issue

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?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
JstnEdrcommented, Dec 4, 2017

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.

0reactions
XanXus96commented, May 23, 2019

@JstnEdr please how did you resolve the first problem

Read more comments on GitHub >

github_iconTop Results From Across the Web

GraphiQL hangs at Loading GraphQL Playground #199 - GitHub
I tried changing to the :playground -interface in our project running absinthe_plug 1.4.6 , but I can't reproduce the problem. Maybe there is ......
Read more >
graphql playground is not loading and console error
I am using @nestjs/graphql as follow: //app.module.ts GraphQLModule.forRoot({ driver: ApolloDriver, typeDefs: [my custom typedefs], ...
Read more >
Can't load graphql playground after successfully deploying ...
After deploying Prisma to a local Postgres using Docker, the localhost:4466 is stuck at “Loading Graphql Playground”. Console shows two errors:.
Read more >
GraphQL Playground - Apollo GraphQL Docs
GraphQL Playground is a graphical, interactive, in-browser GraphQL IDE, created by Prisma and based on GraphiQL. In development, Apollo Server enables ...
Read more >
GraphQL Playground schema not showing up?
A GraphQL plugin system for improved developer experience. As written in the Redwood docs, we: disable introspection; mask errors ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found