在 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>

但是，在嘗試運行頁面時出現此錯誤：GET http://localhost:4200/assets/monaco/vs/loader.js net::ERR_ABORTED 404 (Not Found) ngx-monaco-editor.js:76

Answer 1

你在 html 上初始化 Element 嗎？ 我有一個類似的問題，我解決它的方法是將它添加到 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 的屬性。