Error in Angular Example : Unable to load extension-file://vscode.theme-defaults/extension/themes/dark_modern.json: Not Found

[rawatSingh2022]

zone.js:2317 Error: Unable to load extension-file://vscode.theme-defaults/extension/themes/dark_modern.json: Not Found at StandaloneWorkbenchThemeService.<anonymous> (workbenchThemeService.js:351:13) at Generator.throw (<anonymous>) at rejected (chunk-F6YBCEWK.js:80:29) at _ZoneDelegate.invoke (zone.js:369:28) at ZoneImpl.run (zone.js:111:43) at zone.js:2538:40 at _ZoneDelegate.invokeTask (zone.js:402:33) at ZoneImpl.runTask (zone.js:159:47) at drainMicroTaskQueue (zone.js:581:35)

  --

harset='utf-8'>

zone.js:2317 Error: Unable to load extension-file://vscode.theme-defaults/extension/themes/dark_modern.json: Not Found
at StandaloneWorkbenchThemeService.<anonymous> (workbenchThemeService.js:351:13)
at Generator.throw (<anonymous>)
at rejected (chunk-F6YBCEWK.js:80:29)
at _ZoneDelegate.invoke (zone.js:369:28)
at ZoneImpl.run (zone.js:111:43)
at zone.js:2538:40
at _ZoneDelegate.invokeTask (zone.js:402:33)
at ZoneImpl.runTask (zone.js:159:47)
at drainMicroTaskQueue (zone.js:581:35)

[CGNonofr]

Can you please format your issue, use a code block and explain a little bit more what is happening to you?

[rawatSingh2022]

Can you please format your issue, use a code block and explain a little bit more what is happening to you?
I have cloned the latest code form repository and, when running angular code form verify folder
, I am encountering the following error in the console:

[kaisalmen]

@CGNonofr this is the same problem we saw here. I don't have a solution for it, yet. The existing esbuild plugin you provide does not work as is in angular. Everything I tried so far did not work, but it also did not spend much time.

[CGNonofr]

Ok 🤔 Can you please create an issue on the monaco-vscode-api side with a minimal reproduction repo?

[kaisalmen]

@CGNonofr is this sufficient? https://github.com/TypeFox/monaco-languageclient/tree/main/verify/angular

[CGNonofr]

Oh you mean it's not working in the demo here!

[kaisalmen]

Yes, and the angular setup is already there. Just do: npm run verify in the directory. The verification examples are all independent packages. That run command will bring up the ng dev server on port 4200

[rawatSingh2022]

@CGNonofr any updates on this?

[CGNonofr]

Not yet, it's in my backlog

[CGNonofr]

I've had a look, there is NO WAY to inject a load esbuild plugin because angular injects its own angular-compiler first to load all files, and esbuild doesn't support transforming files except while loading it

[kaisalmen]

@CGNonofr thank you, so there is no way to make the stack work with ng dev server?

[CGNonofr]

@CGNonofr thank you, so there is no way to make the stack work with ng dev server?

I'm not exactly sure what is possible. It seems that esbuild is used directly, and that vite can be used instead, isn't it?

There is always a way though ^^ I've managed to make it work by patching the angular-compiler, so we can still hack it using patch-package

[kaisalmen]

I'm not exactly sure what is possible. It seems that esbuild is used directly, and that vite can be used instead, isn't it?

Did you find good documentation on it?

There is always a way though ^^ I've managed to make it work by patching the angular-compiler, so we can still hack it using patch-package

🚀

[CGNonofr]

Did you find good documentation on it?

Not really, I've only seen mentions of it, also ChatGPT talked about it, totally unclear to me though

🚀

Do you want me to create a PR with the hack?

[kaisalmen]

totally unclear to me though

You are not the only one.

Do you want me to create a PR with the hack?

@CGNonofr yes, but how long will that last?