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净值：: 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文件。