Angular2 Ошибка Http

Я начинаю обучение Angular2, следуя quickstart, которые они предоставляют на своей странице, и теперь я пытаюсь сделать некоторые Http-запросы. Но всякий раз, когда я загружаю компонент, Chrome продолжает давать мне следующие ошибки:

Uncaught SyntaxError: Unexpected token <         http:1
Uncaught SyntaxError: Unexpected token <         angular2-polyfills.js:138
   Evaluating http://localhost:3000/angular2/http
   Error loading http://localhost:3000/app/boot.js

Это компонент:

import {Component} from 'angular2/core';
import {HTTP_PROVIDERS, Http} from 'angular2/http';

@Component({
  selector: 'users',
  providers: [HTTP_PROVIDERS],
  templateUrl: 'app/views/users.html'
})
export class UsersComponent {

  people: Object[];
  constructor(http: Http) {
    http.get('http://192.168.56.101/api/test').subscribe(res => {
      this.people = res.json();
      console.log(this.people);
    });
  }
}

И начальная загрузка:

import {bootstrap}    from 'angular2/platform/browser'
import {UsersComponent} from './components/users'

bootstrap(UsersComponent, [HTTP_PROVIDERS]);

Вид только {{people}}.

TypeScript компилируется в порядке. Я даже не знаю, что случилось!

Ответы

Ответ 1

Документация отсутствует в этой части. Маршрутизатор и Http необходимо добавить в index.html. Легкая ошибка сделать

Ответ 2

Во-первых, если вы ввели провайдера при загрузке, вам больше не нужно делать это в компоненте.

Во-вторых, вы включили http.js в свой index.html?

И в-третьих, у вас есть ошибка в коде. Должно быть this.http.get() not http.get()

Ответ 3

в bootstraping вам не нужно импортировать зависимости HTTP_PROVIDERS. поэтому попробуйте: -

import {HTTP_PROVIDERS}    from 'angular2/http';
import {bootstrap}    from 'angular2/platform/browser'
import {UsersComponent} from './components/users'

bootstrap(UsersComponent, [HTTP_PROVIDERS]);

и в индексном файле вам нужно добавить: -

<script src="node_modules/angular2/bundles/router.dev.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.11/http.dev.js"></script>

для маршрутизации и http