Angular Monaco Editor - You may need an appropriate loader to handle this file type : Error while i chnaged My angular version from 12 to 16

Question

./node_modules/monaco-editor/esm/vs/editor/browser/viewParts/minimap/minimap.css:7:0 - Error: Module parse failed: Unexpected token (7:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | | /* START cover the case that slider is visible on mouseover */

.monaco-editor .minimap.slider-mouseover .minimap-slider { | opacity: 0; | transition: opacity 100ms linear;

I have tried in many ways but it didn't worked to resolve the issues, I hope you guys will help me resolve it. Thank you.

Answer 1

It would be more helpful if you provided more context. For example, your package.json and webpack config.

Look at this example from the monaco docs.

Make sure that:

• the style-loader and css-loader are installed as a dev dependency.
• the node_modules folder is not being excluded in your CSS rule in webpack.
• the monaco-editor-webpack-plugin installed and is being used as a plugin in webpack.