Как настроить [mode] = "sql", используя ng2-ace-editor в angular 7?

Question

Когда я использую ng2-ace-editor. есть конфиг

<div ace-editor
       [(text)]="text"
       [mode]="'sql'"
       [theme]="'eclipse'"
       [options]="options"
       [readOnly]="false"
       [autoUpdateContent]="true" 
       [durationBeforeCallback]="1000"
       (textChanged)="onChange($event)"
       style="min-height: 20px; max-height: 20px; width:100%; overflow: auto;"></div>

Но есть console.log

http://localhost:4200/mode-sql.js net::ERR_ABORTED 404 (Not Found)
http://localhost:4200/mode-html.js net::ERR_ABORTED 404 (Not Found)

Как настроить режим в ng2-ace-editor?

Answer 1

Вам необходимо импортировать необходимые modes/themes, которые вы используете в вашем редакторе.

Поместите этот код в компонент, который использует Ace editor, и повторите попытку:

import 'brace';
import 'brace/mode/sql';