ngx-monaco-editor：无法从 node_modules 中找到 loader.js 文件

Question

我想在我的项目中包含 ngx-monaco-editor，以便在前端创建一个类似计算器的屏幕，当用户点击相应的按钮时显示输入的文本。

我已经为此安装了 ngx-monaco-editor（版本 6.0.0）。

依赖项已包含在 app.module.ts 中，我已将 glub 添加到 angular.json 文件中的资产中。

app.component.hlml :

<ngx-monaco-editor [options]="editorOptions" [(ngModel)]="code"></ngx-monaco-editor>

app.component.ts :

editorOptions = {theme: 'vs-dark', language: 'javascript'};
code: string= 'function x() {\nconsole.log("Hello world!");\n}';

编辑器没有被渲染。相反，我收到一条错误消息，指出找不到我的 loader.js 文件。

http://localhost:4200/assets/monaco/vs/loader.js net::ERR_ABORTED 404（未找到） @base-editor.js:65

loader.js 文件位于 node_modules/ngx-monaco-editor/assets/monaco/vs/loader.js，我可以导航到它。

错误发生在 base-editor.js，第 65 行。此文件的位置是 node_modules/ngx-monaco-editor/base-editor.js

Answer 1

更改 angular.json 中的输入配置可以将文件复制到 dist 文件夹。更改输出配置允许找到 loader.json 文件。

Answer 2

10.0.0没有资产文件夹，9.0.0版本有我用过，效果很好。

ngx-monaco-editor : unable to find loader.js file from node_modules