在 Angular 应用程序中使用 ngx-monaco-editor 会导致 404答案

【问题标题】：using ngx-monaco-editor in angular app results in 404在 Angular 应用程序中使用 ngx-monaco-editor 会导致 404
【发布时间】：2020-01-13 11:06:14
【问题描述】：

我正在尝试在我的 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>

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

【问题讨论】：

标签： javascript angular typescript monaco-editor

【解决方案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-editor 的一个属性。

【讨论】：