Area: UI
Sub-Area: GraphiQL Interface
Issue
When accessing the GraphiQL page (the interactive GraphQL API explorer), users encountered a blank screen instead of the GraphiQL interface. This prevented users from exploring the GraphQL schema, testing queries, and learning the DataHub API.
Common Error Messages:
- Blank screen when accessing /api/graphiql
- GraphiQL component failed to load
- Console errors related to GraphiQL dependencies
Solution
The GraphiQL page rendering has been fixed to properly load and display the interactive GraphQL explorer. The issue was related to: - Missing or outdated GraphiQL dependencies - Incorrect routing configuration - CSP (Content Security Policy) restrictions
The GraphiQL interface now loads correctly and provides: - Interactive query editor - Schema documentation browser - Query history - Variable and header editors
To access GraphiQL:
- Navigate to Settings > Developer > GraphiQL
- Or directly access: https://your-datahub-instance/api/graphiql
Additional Notes
Fixed in version v0.3.11. If you continue to experience issues, verify that your Content Security Policy allows the GraphiQL resources and that you have appropriate permissions to access developer tools.
Related Documentation
Tags:
ui, graphiql, blank-screen, graphql, api-explorer, developer-tools, bug-fix, v0.3.11