Невозможно настроить фрагменты

Question

Я не могу использовать фрагменты и автокомпиляцию, когда использую Ace editor в своем проекте Angular 7.X.

Когда я пытаюсь настроить автокомпиляцию:

  this.editor.getEditor().setOptions({
    enableBasicAutocompletion: true,
    enableSnippets: true,
    enableLiveAutocompletion: true,
  });

В консоли появляется предупреждение:

misspelled option "enableBasicAutocompletion"
misspelled option "enableSnippets"
misspelled option "enableLiveAutocompletion"

Я использую угловую обертку для Ace Editor: ng2-ace-editor.

Я воспроизводлю эту ошибку на StackBlitz: https://stackblitz.com/edit/angular-pyt9cf?file=src%2Fapp%2Fapp.component.ts

Answer 1

Добавить import "brace/ext/language_tools" для загрузки расширения языковых инструментов, которое содержит функциональность для фрагментов кода.(Вам может понадобиться добавить фигурную скобку в ваш package.json, чтобы это работало).

Также обратите внимание, что используемое правило

* {
  font-family: Arial, Helvetica, sans-serif;
}

сломает редактор, назначив другое семейство шрифтовк элементам внутри редактора