2017-07-10 14 views
4

角度4のコンポーネントで外部のjavascriptライブラリを使用したいのですが、使用する際に問題があります。 インストールしたいライブラリは格子縞のリンクライブラリです.jsファイルをダウンロードしてassetsフォルダに追加し、angular-cli.jsonスクリプトの場所に含めました。Angular 4コンポーネントに純粋なjavascriptファイルを追加するにはどうすればよいですか?

クラスからインポートされたオブジェクトが私にエラーPlaid is not definedを与えています。どのように私は正常に角型のスクリプトに純粋なjavascriptファイルを含めることができますか?

これは私が含めたいファイルです。

https://cdn.plaid.com/link/v2/stable/link-initialize.js

おかげ

+0

*ファイルのクラスがコンポーネントに表示されない*その意味は? –

+0

コンストラクタを実行するとエラーが発生します: 'Plaid is not defined。 ' –

+0

を参照してください。ライブラリには型定義ファイル(* .d.ts)が付いていますか?私はそれがあなたが欠けているものだと思う。 [こちら](https://github.com/angular/angular-cli/wiki/stories-third-party-lib)は、第三者のライブラリをng4プロジェクトに追加するための手順へのリンクです。 'npm install @types ...'のステップは、あなたが見逃しているかもしれません。 –

答えて

4

あなたのライブラリーは、活字体compiler.Createにファイルを知られていないチェック柄のオブジェクトを、持っているように見えますsrc/typings.d.tsには次の内容が含まれています:

declare var Plaid: any; 

また、この変数をコンポーネント内に宣言することもできます。

var Plaid: any; 
関連する問題