Monaco Editor Not Initializing In Electron With Angular 11 (Reproduction Link in Description)

Reproduced Here: https://github.com/stagefright5/strong-soap-dynamic-module-load-issue/tree/issue-monaco-load

This repo tries to create the official demo inside the electron.

In the above repo inside monaco.component.html, there is an event listener for the init event that is supposed to be emitted by the ngx-monaco-editor. That listener is never run because init is never emitted.

Please take a look at this and confirm if this is an issue.

[GeoAstronaute]

The same as yours as I was using your repository example. I was able to reproduce the issue BTW, by retrying from scratch. Not sure why it worked well the first time I tried (I have the same issue now with yarn/npm).

The issue occurred in serve mode, with the particular repository you have (angular electron), you will notice that it works well when using the script: electron:local. The issue here is the path used when we are inside electron and angular is in serve mode.

I will do a new version with a better error handling, to see the loading errors in the console with the path used. In addition, we will be able to use CDN in electron (issue on path for electron that will be fix). When it’s done you will be able to use the CDN when working in “serve” mode, and use your local monaco-editor when you build your application (didn’t find an easy way to have the correct path to monaco when running in serve mode inside electron).

[Exclamation-mark]

Issue fixed in v5.1.0.

So my advice here is to use the CDN when working in electron with serve mode.

There is also to notice that it does not work when BrowserWindow.webPreferences.contextIsolation is set to false.

Thank you for your reply. It took me a long time to find a way to use ngx-monaco-editor in electron. I suggest putting this situation in readme.