использование ngx-monaco-editor в приложении angular приводит к 404

Я пытаюсь использовать редактор в своем приложении 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


typescript javascript angular monaco-editor
person codingsplash    schedule 13.01.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы инициализируете элемент в 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;}

EDIT: необходимо инициализировать библиотеку как свойство ngx-monaco-editor.

person Carlos1232    schedule 15.06.2020