Dart + Angular 2 无法发起HTTP请求

Question

我正在尝试创建一个简单的 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() 的第二个参数时，它工作正常。

Answer 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 [])
  ]);
}

但是，我不知道为什么会这样。好像跟这个issue有点关系https://github.com/angular/angular/issues/5266.

Dart + Angular 2 无法发起HTTP请求

Dart + Angular 2 can't make a HTTP request

angular

dart

angular-dart

dart-mirrors