Dart + Angular 2 无法发出 HTTP 请求答案

【问题标题】：Dart + Angular 2 can't make a HTTP requestDart + Angular 2 无法发出 HTTP 请求
【发布时间】：2016-06-17 19:02:37
【问题描述】：

我正在尝试创建一个简单的 Angular 2 + Dart 应用程序，我将在其中对远程 API 进行 HTTP 调用。我正在关注 link 上提供的 Dart 的 angular.io 教程。它可以正确编译为 JS，但是当我尝试使用 Chrome 访问它时，出现错误。

我正在使用 Dart 1.16.0 和 angular2.beta17。

这是我的 pubspec.yml 文件：

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

这是我的 main.dart 文件：

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

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

我已经完成了 pub get，并且正在使用 pub serve 来运行本地网络服务器。当我访问 http://localhost:8080/ 时，我在 Chrome 控制台上收到以下错误。但是，当我删除方法 bootstrap() 的第二个参数时，它可以正常工作。

【问题讨论】：

标签： angular dart angular-dart dart-mirrors

【解决方案1】：

我将 main.dart 修改为：

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。

【讨论】：