Themes and python grammers aren't loading

[FadyGeo]

I'm trying to integrate the languageclient into my angular project and connect it to a language server. I'm facing this problem currently and can't tell whether i'm using the wrong Webpack configuration or is it a common bug.

webpack: `const { dirname, resolve } = require('path');

const config = {
module: {
rules: [
{
test: /.css$/,
use: ['style-loader', 'css-loader'],
include: [
resolve(__dirname, './node_modules/monaco-editor'),
resolve(__dirname, './node_modules/vscode')
]
},
{
test: /.(mp3|wasm|ttf)$/i,
type: 'asset/resource'
}
],
parser: {
javascript: {
url: true
}
}
},
resolve: {
extensions: ['.ts', '.js', '.json', '.ttf']
}
};

module.exports = config;
`
does anyone have an idea on how to solve it?

regards

[CGNonofr]

Are you using Vite in dev mode?

[FadyGeo]

@CGNonofr no I'm using only custom-webpack. No Vite

[CGNonofr]

Sorry, I've read a little too fast! That's a common Vite issue. Are you up to date with webpack/monaco-languageclient/monaco-vscode-api?

[kaisalmen]

Hi @FadyGeo have you compared you setup with our angular verification example already?

[FadyGeo]

@CGNonofr thanks for your response. I'm currently using: "npm:@codingame/monaco-vscode-editor-api@~3.2.2" as monaco-editor in my Package.json.

[FadyGeo]

@kaisalmen Hi, Thanks for your answer, I've merged your Angular.json with mine, used almost the same webpack as yours and my tsconfig looks similar to yours, except our project is using ES2022 Module.
I've included the relevant files.

angular.json
package.json
tsconfig.json

the user config looks like this:
code-editor-config.service.ts.json

thanks and best regards