2016-06-17 14 views
1

リモートAPIへのHTTP呼び出しを行う単純なAngular 2 + Dartアプリケーションを作成しようとしています。私はこのlinkで利用可能なDartのangular.ioチュートリアルに従っています。 JSに正しくコンパイルしていますが、Chromeを使用してアクセスしようとするとエラーが発生します。Dart + Angular 2はHTTPリクエストを作成できません

私はDart 1.16.0とangular2.beta17を使用しています。

これは私のpubspec.ymlファイルです:

import 'package:angular2/platform/browser.dart'; 
import 'package:http/browser_client.dart'; 
import 'package:CaixaPostal/app.component.dart'; 

void main() { 
    bootstrap(AppComponent, const [BrowserClient]); 
} 

私はすでにパブがを取得し、Iやった:これは私のmain.dartファイル

name: CaixaPostal 
description: MyApp Description 
version: 0.0.1 
environment: 
    sdk: '>=1.13.0 <2.0.0' 
dependencies: 
    angular2: 2.0.0-beta.17 
    browser: ^0.10.0 
    http: ^0.11.3+7 
    dart_to_js_script_rewriter: ^1.0.1 
transformers: 
- angular2: 
    platform_directives: 
    - 'package:angular2/common.dart#COMMON_DIRECTIVES' 
    platform_pipes: 
    - 'package:angular2/common.dart#COMMON_PIPES' 
    entry_points: web/main.dart 
    resolved_identifiers: 
     BrowserClient: 'package:http/browser_client.dart' 
- dart_to_js_script_rewriter 

ですpub serveを使用してローカルWebサーバーを実行しています。 http://localhost:8080/にアクセスすると、Chrome Consoleで以下のエラーが表示されます。しかし、メソッドの第2引数を取り除くと、ブートストラップ()は正常に動作します。私はそれが私のmain.dartを修正する動作するようになった

enter image description here

答えて

2

import 'package:angular2/core.dart'; 
import 'package:angular2/platform/browser.dart'; 
import 'package:http/browser_client.dart'; 
import 'package:CaixaPostal/app.component.dart'; 

BrowserClient HttpClientBackendServiceFactory() => new BrowserClient(); 

void main() { 
    bootstrap(AppComponent, const [ 
    const Provider(BrowserClient, useFactory: HttpClientBackendServiceFactory, deps: const []) 
    ]); 
} 

この方法は、それが動作する理由を正確しかし、私は知りません。それはこの問題https://github.com/angular/angular/issues/5266と関係があるようです。

関連する問題