2017-08-27 22 views
0

私はangle-cli 1.2.6で小さなAngular 4アプリを構築しています。開発中はすべて正常に動作し、ng build --distで正常に構築されます。しかし、実行時に、サービスとして使用しているtoastrというサードパーティベンダーの1つが見つかりませんでした。注入された場合、undefinedです。ここで私はプロジェクトにそれを含める方法です:.angular-cli.jsonでAngular 4 with angular-cli - AOTでサードパーティプロバイダを見つけられません

... 

"scripts": [ 
    ... 
    "../node_modules/toastr/build/toastr.min.js" 
    ], 

... 

私は別のファイルに注入トークンを作成しました:

import {InjectionToken} from '@angular/core'; 
import {IToastr} from './toastr.model'; 

export let TOASTR_TOKEN = new InjectionToken<IToastr>('toastr'); 

その後、app.module.tsに私がプロバイダとして含める:

import {TOASTR_TOKEN} from './common/tokens'; 

let toastr = window['toastr']; 

... 
providers: [ 
    ... 
    {provide: TOASTR_TOKEN, useValue: toastr} 
], 
... 
+0

:何日保存されたことは、私は、プロバイダのuseValueプロパティに割り当てるために使用する変数をエクスポートして/rahulrsingh09.github.io/AngularConcepts/faq)、サードパーティのライブラリをAngular –

答えて

2

[OK]をいくつかの調査の後、私は私のproble m。 /:私はそれが(HTTPSこの[リンク]をチェックし、次のように動作すると思いますいけない

import {TOASTR_TOKEN} from './common/tokens'; 

export let toastr = window['toastr']; 

... 
providers: [ 
    ... 
    {provide: TOASTR_TOKEN, useValue: toastr} 
], 

...

関連する問題