Skip to content

[graphiql] editorWorker has missing requestHandler errorsΒ #4104

@Falx

Description

@Falx

Is there an existing issue for this?

  • I have searched the existing issues

Current Behavior

I am developing an angular 20 application that uses the graphiql editor. I inject it into my application using React libraries. I configured the monaco workers using this import:
import 'graphiql/setup-workers/esm.sh'; since that seems to be the only easy way to get the workers urls reckognized (they get fed via CDN this way)

This successfully starts workers and the error message about not being able to start worker is gone, however I get constant errors like below now:

Image

Expected Behavior

No errors, just being able to use the GraphiQL editor...

Steps To Reproduce

No response

Environment

  • GraphiQL Version: 5.2.0
  • OS: Windows 11
  • Browser: Chrome
  • Bundler: angular@20(vite)
  • react Version: 19.1.1
  • graphql Version: 16.11.0

Anything else?

I successfully bundled the GraphiQL 3.x.x version for a while now. Updating to GraphiQL 4.x.x works, but there is a bug present there ( #3589 ), that has only been fixed for GraphiQL 5.x.x., so sticking to 4.x.x is not an option right now.

The problem with 5.x.x is the switch to monaco-editor which requires webworker setup, something that is apparently hard to do within an angular 20 application right now.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions