Graphql-playground: Urgent, Prisma playground broken, Uncaught SyntaxError: Unexpected end of input

[lastmjs]

I'm using a Prisma server, and I'm using the playground included in my browser. I'm getting the following error: Uncaught SyntaxError: Unexpected end of input

The error is being thrown from the following file:

http://cdn.jsdelivr.net/npm/graphql-playground-react/build/static/js/middleware.js

All of my GraphQL playgrounds are broken across localhost and a few live Prisma server instances

[huv1k]

Could you provide more info? Everything works fine in my end.

[lastmjs]

I'm using Prisma version 1.21.1, I have a Prisma server running on an aws instance. In fact, you can just go here: https://prisma.staging.jillsoffice.com/

Open up the terminal and you can see the issue.

[huv1k]

For me is working fine, I can't access your endpoint, because it's protected by a secret.

[lastmjs]

There is no error in your console?

[lastmjs]

You shouldn't need my secret to see that the error is being thrown. The error is throwing in Chromium and Firefox for me, Chromium 71 and Firefox 64

[huv1k]

Nothing

[lastmjs]

Are you going directly to https://prisma.staging.jillsoffice.com in your browser? I can't even get that screen to load that you have there, I've tried on multiple browsers and another computer

[lastmjs]

The problem doesn't seem to be with my Prisma server, but with one of the dependencies loading over a cdn. I have changed nothing that should be related with my code, I think the cdn has broken something

[pantharshit00]

@Huvik I can confirm this.

I tested clearing cache even different browser but the problem persisted.

[MartinKolarik]

@pantharshit00 is the error also coming from the http://cdn.jsdelivr.net/npm/graphql-playground-react/build/static/js/middleware.js file? If yes, can you copy/paste its contents here?

[huv1k]

I tried firefox, safari, brave everything without cache. Maybe something went wrong with CDN.

[lastmjs]

@MartinKolarik Yes that is where the error is coming from. You want the contents of the file pasted here? You can click the link and see the contents. Or do you want the contents of the error?

[lastmjs]

I think it is a problem with the cdn, how do we find who can fix that? Also, why is this dependency being loaded over a cdn, and not installed along with all other dependencies with npm? It doesn't look like the cdn is allowing us to lock down a version.

[MartinKolarik]

For me and @Huvik the file loads fine, so yes, it would help if you could upload/screenshot the exact response.

I think it is a problem with the cdn, how do we find who can fix that?

If it's a problem with the CDN, me 😄

[huv1k]

I think it is a problem with the cdn, how do we find who can fix that?

You can fix that using cdn option in playground middleware.

Also, why is this dependency being loaded over a cdn, and not installed along with all other dependencies with npm?

We are using CDN for middlewares, because we want to ship all latest version with playground without updates. You can always specify what version of the playground you want to use. There is a lot of settings you can play with it.

[pantharshit00]

@lastmjs It loads fine for me now after a hard reload.

[pantharshit00]

@MartinKolarik The file was giving nothing at first (I am in Asia region btw).

After a couple of hard reload it works fine again

[huv1k]

I am closing this issue because it's not related to the playground, there is a workaround to use different CDNs or even local package version. Like i pointed out few messages up. If its still problem please ping here.

[lastmjs]

It's working again for me :)