プロパティ 'FroalaEditor'が型 'JQueryStatic'に存在しません - 角度4

Question

'JQuery'を使用する角度4 'FroalaEditor'を使用しています。

私はそれをうまく実装しました。 このプラグインにカスタムボタンを追加する必要があります。

私はsolution

import { Component, OnInit, ViewEncapsulation } from '@angular/core'; 
import * as $ from 'jquery'; 

@Component({ 
    selector: 'app-froala-editor', 
    templateUrl: './froala-editor.component.html', 
    styleUrls: ['./froala-editor.component.scss'], 
    encapsulation: ViewEncapsulation.None 
}) 
export class FroalaEditorComponent implements OnInit { 
    options; 
    constructor() { } 

    ngOnInit(){ 
    $.FroalaEditor.DefineIcon('alert', {NAME: 'info'}); 
    $.FroalaEditor.RegisterCommand('alert', { 
     title: 'Hello', 
     focus: false, 
     undo: false, 
     refreshAfterCallback: false, 
     callback: function() { 
     alert('Hello!'); 
     } 
    }); 

    this.options={ 
     toolbarButtons: ['bold', 'italic', 'underline', 'paragraphFormat','alert', '|', 'insertLink', 'insertImage', 'specialCharacters', 'color', '|', 'align', 'formatOL', 'formatUL', '|', 'undo', 'redo', 'clearFormatting', 'print'], 
    } 
    } 

} 

を以下しかし、私は次のエラーを持っていました。

プロパティ 'FroalaEditor'が 'JQueryStatic'型に存在しません。

私はこれを見つけましたが、それを実装する方法はわかりません。

誰もこの問題に直面しましたか？

Answer 1

あなたのコードでこれを追加します。

interface JQueryStatic { 
    FroalaEditor: any; 
} 

Answer 2

私はオーレリア上froalaと同じ問題を持っていた私は、このようにすることによってそれを解決：

$['FroalaEditor'].DefineIcon('alert', {NAME: 'info'}); 

Answer 3

私のために働いたソリューションにしましたエディタを使用してコンポーネントにインポートした直後にimport * as $ from 'jquery'; の代わりにdeclare var $: any;を追加します。