プロバイダが無効です。httpプロバイダを使用してwebapiを使用中にエラーが発生しました。

Question

angular2/httpコンポーネントでwebapiサービスを使用しようとしています。学習目的のために、国のリストを返す公開restapi service を消費したいと思います。私は実際のrestapiサービスを消費するためにCountryServiceコンポーネントを呼び出すangle2コンポーネントを書いた後、リストを反復してユーザに表示します。

これをテストするためにplunkrを作成しました。 Plunker URL。

私はChromeブラウザに以下のような問題に実行しています

angular2.dev.js:24821 Error: Uncaught (in promise): Failed to load appcomponent.html 
at resolvePromise (angular2-polyfills.js:564) 
at angular2-polyfills.js:600 
at ZoneDelegate.invokeTask (angular2-polyfills.js:382) 
at Object.onInvokeTask (angular2.dev.js:2177) 
at ZoneDelegate.invokeTask (angular2-polyfills.js:381) 
at Zone.runTask (angular2-polyfills.js:282) 
at drainMicroTaskQueue (angular2-polyfills.js:500) 
at XMLHttpRequest.ZoneTask.invoke (angular2-polyfills.js:452) 

任意のアイデア問題は何ですか？私は何が欠けているのですか？

Answer 1

あなたはangular2のベータ版を使用しますが、RCのようにインポートしようとしている：

import {bootstrap} from '@angular/platform-browser-dynamic'; 

はベータ版のために、それは次のようになります。

import {bootstrap} from 'angular2/platform/browser'; 

を更新参照してくださいplunkr https://plnkr.co/edit/VbLby6wa3RTW6U0m4FPv?p=preview

Iまた、AppComponentのアノテーションにmoduleIdプロパティを追加しました。

@Component({ 
    moduleId: __moduleName, <== this line 
    selector: 'my-app', 
    templateUrl: 'appcomponent.html', 
    providers: [CountryService] 
}) 

これ以外の場合は、404エラーが表示されます。

は、それがWEBAPIから受けた国のリストに表示されませんこのページ http://blog.thoughtram.io/angular/2016/06/08/component-relative-paths-in-angular-2.html