ngx-monaco-editor：无法从 node_modules

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

10.0.0 中没有资产文件夹，但在 9.0.0 版本中有我使用它并且它工作正常。

Answer 2

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