Themes not showing in Angular

[wawa08725]

Hi everyone,
I’m facing challenges getting started with the Monaco Editor in my Angular project. Specifically, I’m trying to set up a Monaco language server and language client on my own project. However, I’ve encountered issues where the theme is not displaying correctly, and I’m unsure if I’ve missed something in my setup.

My Attempts

1. Angular 18 Project (from verify/angular)

I copied the monaco-angular-wrapper component and the app component into my project.
Removed the save code functionality since it’s not required for my use case.

Added the following dependencies to package.json and ran npm install:

"monaco-editor": "npm:@codingame/monaco-vscode-editor-api@~11.1.2",
"monaco-editor-wrapper": "~6.1.0",
"monaco-languageclient-examples": "~2025.1.1",
"vscode": "npm:@codingame/monaco-vscode-api@~11.1.2",
"vscode-json-languageservice": "~5.4.2",
"vscode-languageclient": "~9.0.1",
"vscode-languageserver": "~9.0.1",
"vscode-uri": "~3.0.8",
"monaco-languageclient": "~9.1.0",
"@codingame/monaco-vscode-textmate-service-override": "~11.1.2"

DevDependencies:

"vscode-languageserver-types": "~3.17.5",
"langium-cli": "~3.3.0",
"mini-coi": "~0.4.2",
"@types/cors": "^2.8.17",
"@types/emscripten": "~1.39.13",
"@types/express": "~5.0.0",
"@types/ws": "~8.5.13"
After installation, the code seems to have no errors. However, the following issues persist:
Themes are not displaying correctly.
While auto-correction and syntax highlighting seem to work, I still encounter console errors.

2. Vite Angular Project (from verify/vite)

I used Angular 16 and Vite 4.5.5 (as I couldn’t set up Vite with later Angular versions).
Copied main.ts and index.html into my project.
Created wrapperWS.ts and utils.ts.
Added dependencies and ran npm install.
The results are similar to the Angular project, with auto-correct and highlighting working, but themes not rendering correctly and console errors appearing.

Additional Notes

For the JSON language server, I’m using the server from the example project in the Monaco Language Client documentation.

I’m not sure if I’ve missed any crucial steps or configurations. If anyone has experience with this setup or has encountered similar issues, I would greatly appreciate your guidance.Thank you in advance for your time and assistance!

[kaisalmen]

Hi @wawa08725 unfortunately we have not resolved the angular issue, see: #772 I didn't have time to dig into it, yet. And everything we tried so far, did not lead to a positive result.