在 Angular 应用程序中使用 NGX-Monaco-Editor 会导致 404

Question

我正在尝试在我的 Angular 8 应用程序中使用编辑器。 注意：在其中一个 SO 问题中列出了完全相同的错误，但答案不存在。我已经就此问题进行了 GIT 讨论，但错误仍然存在。 这是我的angular.json资产：

"assets": [
{ 
"glob": "**/*",
"input": "node_modules/ngx-monaco-editor/assets/monaco",
"output": "./assets/monaco/" 
},
"src/favicon.ico",
"src/assets"
]

这是在我的app.module.ts中：

MonacoEditorModule.forRoot()

这在我的组件中：

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

但是，我在尝试运行页面时收到此错误： 获取 http://localhost:4200/assets/monaco/vs/loader.js net：：ERR_ABORTED 404 (未找到( ngx-monaco-editor.js：76

Answer 1

您是否正在初始化 html 上的元素？我有一个类似的问题，我解决它的方法是将其添加到 ngx-monaco 中。

<ngx-monaco-editor [options]="{ theme: 'vs-dark', language: 'mylang' }" (ngModelChange)="changes($event)" [(ngModel)]="_code" (init)="onInitEditor($event, 'largeEditor')">
</ngx-monaco-editor>

在 .ts 上

async onInitEditor(editor, editorId) {
this.editorRef[editorId] = editor;}

编辑： 库是自己的，它是ngx-monaco编辑器的属性。