无法在Angular 7中的Ace编辑器上执行applyDeltas

<div #editor style="height: 500px;"></div>

import { Component, ViewChild, AfterViewInit } from '@angular/core';
import * as ace from 'ace-builds';

@Component({
  selector: 'app-editor',
  templateUrl: './editor.component.html',
  styleUrls: ['./editor.component.css']
})
export class EditorComponent implements AfterViewInit {
  @ViewChild('editor') editorRef: any;
  editor: ace.Ace.Editor;

  ngAfterViewInit() {
    this.editor = ace.edit(this.editorRef.nativeElement);
    this.editor.setTheme('ace/theme/monokai');
    this.editor.getSession().setMode('ace/mode/javascript');
  }

  executeApplyDeltas() {
    const session = this.editor.getSession();
    const document = session.getDocument();
    const deltas = [
      { action: 'insert', range: { start: { row: 0, column: 0 }, end: { row: 0, column: 0 } }, text: 'Hello, World!' }
    ];
    document.applyDeltas(deltas);
  }
}

npm install ace-builds

"scripts": [
  "node_modules/ace-builds/src-min/ace.js"
]