2016-06-17 2 views
1

Я пытаюсь создать простое приложение Angular 2 + Dart, где я сделаю HTTP-запросы к удаленному API. Я следую инструкциям angular.io для Dart на этом link. Он правильно компилируется JS, но когда я пытаюсь получить доступ к нему с помощью Chrome, я получаю сообщение об ошибке.Dart + Angular 2 не может выполнить HTTP-запрос

Я использую 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]); 
} 

Я уже сделал паб получить и я 'm using pub служит для запуска локального веб-сервера. Когда я получаю доступ к http://localhost:8080/, я получаю сообщение об ошибке на консоли Chrome. Однако, когда я удаляю второй аргумент методу bootstrap(), он отлично работает.

enter image description here

ответ

2

Я получил его на работу модифицируя мой 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.

Смежные вопросы