Comments (8)
Just published https://github.com/OlegIlyenko/graphiql-workspace/releases/tag/v1.1.1 I think it should fix the issue. Important: in my tests, only this combination of dependency version actually worked:
"dependencies": {
// ...
"graphiql-workspace": "1.1.1",
"graphiql": "^0.11.5",
"graphql": "^0.10.0"
},
I removed the dependency on graphiql-subscriptions-fetcher
since the project is quite outdated and it does not look like it is maintained. Moreover, it exports just one small function which I just copy/pasted in this project.
The dependency (especially transitive dependency) version management in npm/yarn is quite a mess. graphql-js is one of the few libs that actually makes an explicit check for different versions. If there is a small mismatch in transitive versions, it will throw these errors :(
All that said, I am very very far from being an expert in npm dependency management. I would really appreciate a review from somebody who is more experienced in this area. In particular this change: 6258979#diff-b9cfc7f2cdf78a7f4b91a753d10865a2
from graphiql-workspace.
Thanks @OlegIlyenko for taking a stab at this.
Looking at the change you mentioned, I am a bit surprised that the peer dependency on graphql is targeting 0.11.x while you are saying above that you actually need graphql 0.10.X.
Wouldn't this lead to npm / yarn complaining that the peer dependency is not met ?
from graphiql-workspace.
I tried 1.1.1
but it did not fix the issue for me, the same error is thrown with the same action. These are the dependencies I'm using
<link rel="stylesheet" media="screen" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
<link rel="stylesheet" media="screen" href="//cdnjs.cloudflare.com/ajax/libs/graphiql/0.9.3/graphiql.min.css">
<link rel="stylesheet" media="screen" href="//cdn.jsdelivr.net/npm/[email protected]/graphiql-workspace.css">
<script src="//cdn.jsdelivr.net/react/15.4.2/react.min.js"></script>
<script src="//cdn.jsdelivr.net/react/15.4.2/react-dom.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/[email protected]/graphiql-workspace.min.js"></script>
from graphiql-workspace.
Hi @p4bloch , this does not seem to match the working combination of dependencies that @OlegIlyenko outlined above ([email protected]
vs [email protected]
)
from graphiql-workspace.
Hey @tlvenn! Actually that's just the css, the graphiql version is included in the minified dist file. Anyway, I tried changing the CSS to match the bundled graphiql version but it did not change the outcome.
from graphiql-workspace.
oups my bad... I will try to look into it soon as well.
from graphiql-workspace.
Sorry it took so long to get back to this issue, I have submitted a PR to fix it for good.
from graphiql-workspace.
@OlegIlyenko any chance you can merge my PR and cut a release please ? Thanks in advance.
Right now 1.1.2 is broken as it still bundles 2 versions of graphql.
from graphiql-workspace.
Related Issues (20)
- Header edit/delete buttons are inaccessible for long headers HOT 2
- Instrospection query is run on every keystroke in a tab
- Cleanup and save workspace are broken HOT 1
- Expose graphql-voyager into the workspace HOT 14
- Relax URL validation rules HOT 8
- Uncaught TypeError: doc.iter is not a function HOT 1
- Subscription Support? HOT 4
- Can't resolve 'graphiql-subscriptions-fetcher' HOT 3
- observer is not defined HOT 3
- Missing Prettify button HOT 1
- Missing and Broken Buttons with Bootstrap Css 4
- Consider changing Request.credentials from same-origin to include HOT 2
- Incompatible bootstrap issue in the live demo
- valid license declaration within package.json
- Broken link in README HOT 2
- Some issue with propTypes? HOT 12
- Making Default Headers configurable HOT 1
- Default variables => {} HOT 3
- Standalone app & docker image 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-workspace.