angular - 定義を含むAngular Import外部JSライブラリ

Question

サード パーティのライブラリ (Eclipse Orion エディター) を Angular アプリに正常にインポートし、正常に動作しました。テキストを編集して操作できます。ただし、Uncaught ReferenceError: define is not defined. エディターは、構文の強調表示を読み込むことができません。

私はすでにrequirejsを含めようとしましたが、そうすることでアプリはもう起動しませんでした。

次の行を my に含めましたangular-cli.json。

"scripts": [
    "../orion/editor/stylers/lib/syntax.js",
    "../orion/editor/stylers/application_xml/syntax.js",
    "../orion/editor/built-editor.min.js"
],

そして、エディターを提供する私のコンポーネントでは:

ngOnInit() {
    System.import('../../../orion/editor/stylers/lib/syntax.js');    
    System.import('../../../orion/editor/stylers/application_xml/syntax.js');
    System.import('../../../orion/editor/built-editor.js')
        .then((o: any) => {
            this.orionEditor = o({
                document: document, className: 'editor', parent: 'xml', content-type: 'application/xml'
            })[0];
            this.orionEditor.setText(this.innerValue);
        });
}

define is not definedエラーとそれに続くエラーを除いて、これはすべて正常に機能しError: undefined missing orion/editor/stylers/application_xml/syntaxます。

Angular で requirejs を使用するライブラリをロードした経験があり、ここで私を助けることができる人はいますか?

この問題を示す簡単な例は、GitHubで入手できます。