microsoft / microsoft/monaco-editor

Unable to load web workers in Electron app with Webpack

Open
#2,087 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug help wanted integration webpack-plugin
Dominant language
JavaScript
Stars
46.8k
Forks
4.1k
Avg merge
17h 58m
Merged PRs (30d)
1

Description

monaco-editor version: 0.20.0
Browser: Electron 8 (chromium)
OS: MacOS 10.15.6
Repo with reproducible issue: https://github.com/alanqthomas/electron-webpack-monaco-test

I've created a basic Electron app using the boilerplate from. https://github.com/electron-react-boilerplate/electron-react-boilerplate

I also added a custom language implementation, basically just copy/pasting the relevant bits from https://github.com/amazzalel-habib/TodoLangEditor.

I get the following errors when monaco tries to load the web worker:
Screen Shot 2020-08-20 at 1 41 42 PM

I've searched far and wide on github and stack overflow for solutions but I can't seem to find anything that works. I have a feeling this might have more to do with webpack/the build, but I'm not sure if that's an issue with my configuration or a limitation of monaco editor.

Please see the linked repo to reproduce the issue. It can be run with yarn install followed by yarn dev. The relevant webpack config is in configs/webpack.config.renderer.dev.babel.js.

Any pointers in the right direction would be much appreciated.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Clone the linked reproduction repository, run yarn install and yarn dev, and reproduce the worker-loading errors. Start with configs/webpack.config.renderer.dev.babel.js and compare its setup with the Electron and Monaco worker-loading path. Done means the custom-language web worker loads without the reported errors.

Written by the indexing model from the issue text.

Assessment

Tech stack
electron, javascript, webpack
Domain
build-system, desktop, devtools
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.