Angular Monaco 编辑器 - 您可能需要适当的加载器来处理此文件类型：当我将我的 Angular 版本从 12 更改为 16 时出错

Question

./node_modules/monaco-editor/esm/vs/editor/browser/viewParts/minimap/minimap.css:7:0 - 错误：模块解析失败：意外令牌 (7:0) 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。请参阅https://webpack.js.org/concepts#loaders | | /* START 覆盖鼠标悬停时滑块可见的情况 */

.monaco-editor .minimap.slider-mouseover .minimap-slider { | 不透明度：0； | 过渡：不透明度 100ms 线性；

我尝试了很多方法都没有解决问题，希望大家能帮我解决。谢谢。

Answer 1

如果您提供更多背景信息会更有帮助。例如，您的 package.json 和 webpack 配置。

查看摩纳哥文档中的示例。

确保：

• style-loader

  和

  css-loader

  作为开发依赖项安装。
• node_modules 文件夹没有被排除在 webpack 的 CSS 规则中。

• monaco-editor-webpack-plugin

  已安装并用作 webpack 中的插件。