Comments (9)
Hey again,
after investing almost two days into figuring out what the hell is going on, it appears that the problem is the id of the div i try to render into.
In your example it is set to 'graphiql' and in my project it is 'app'.
when chaning my app to 'graphiql' it worked. and when changing in your example 'graphql' to 'unique' it didn't work anymore.
I am shocked
from graphiql.
I am infinitely sorry. Of course it won't work since the way css works.
maybe you can write about it in the readme or bind the css to the component, please?
from graphiql.
I'm glad you figured out what was going on! I'll find a way to make the css bindings more appropriate so that this kind of issue is harder to get yourself into in the future.
from graphiql.
+1
from graphiql.
Are you running graphiql via express-graphql
?
I realized that I had just released a breaking change in a point release, so I republished to account for the breaking change. I'll make the change to express-graphql now as well.
from graphiql.
Ok, I could easily reproduce this issue when trying to update http://graphql-swapi.parseapp.com/. I've got new versions of both graphiql
and express-graphql
on npm which should fix this, and have unpublished the offending ones so people don't accidentally run into this when they npm install!
Thanks again for the fast report
from graphiql.
Reinstalled node_modules
and it shows fine now. Thanks for the quick fix and the awesome work!
from graphiql.
Most excellent, thanks for confirming the fix!
from graphiql.
Hey @leebyron, I have the same issue but I don't use express-graphql
.
I work in a company with closed network and express-graphql
uses cdns.
I use webpack with css and style loaders for the css.
I've made a project with the problem. It's very simple and I will be happy if you help me. I'm simply lost
https://github.com/mkuts12/graphiql-testing
from graphiql.
Related Issues (20)
- [vscode-graphql-syntax] Syntax Highlight breaks if you add a comment/description to a type HOT 1
- [graphiql] Add an option to add new tab with query
- when using onEditQuery, the explorer scroll resets to the beginning HOT 1
- [graphiql] <title>
- [graphiql] Support deprecated argument on query arguments HOT 3
- [lsp-server] 🐞 vscode code completion does not work HOT 1
- [graphiql] <title>
- Refactor LSP to enable remote schema invalidation
- [lsp-server] 🐞 regression: syntax highlighting messed up HOT 3
- [vscode-graphql] go to definition jumps to wrong line on certain condition HOT 1
- [lsp-server] 🐞 Pending response rejected since connection got disposed HOT 4
- [lsp-server] 🐞 Adding whitespaces\newlines causes autocompletion to move up a level HOT 5
- Don't export react with cdn bundle
- [graphiql] <title>MDUxRUVCM0Y3QjQwNzgwMDZDNjczQTMxMEIyRkZEMEIwMDI4MjhGMUQ0NkI4RjI5RTREMjE4QzhBM0FDNDdBOA==
- [lsp-server] Support go to definition for implementation first graphql setups HOT 1
- vscode-graphql-syntax javascript - line between graphql( and ` character breaks syntax highlighting HOT 2
- [graphiql] Grafana Embedded GraphiQL Editor CodeMirror info tooltips links navigate away from page HOT 4
- [graphiql] Fragment variables not supported HOT 4
- [graphiql] Default Value not accepted in Variable
- [graphiql] bump markdown-it for SNYK-JS-MARKDOWNIT-6483324 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from graphiql.