3

我已经建立了一个项目，它是快速入门的副本。现在我想尝试加载一些 JSON，所以我app.component.ts对此进行了修改：

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

@Component({
    selector: 'my-app',
    template: '<h1>Success</h1>'
})
export class AppComponent{
    constructor(private _http:Http){

    }
}

添加import很好，但是一旦我添加private http:Http到我的构造函数中，我就会收到错误：

Uncaught SyntaxError: Unexpected token <         http:1

和

Uncaught SyntaxError: Unexpected token <         angular2-polyfills.js:1243
Evaluating http://localhost:3000/angular2/http
Error loading http://localhost:3000/app/main.js

我猜有些东西编译不正确，但我是新手Angular，新手Typescript，新手Node——基本上我真的可以在这里使用一些帮助。

谁能告诉我出了什么问题，更重要的是为什么它是错误的，以及我如何修复它并加载一些JSON来玩。

谢谢大家 ：）

4

1 回答 1

4

我认为您忘记将 Angular2 的 HTTP 模块的 http.dev.js 文件包含到您的主 HTML 文件中。

<script src="node_modules/angular2/bundles/http.dev.js"></script>

该错误是 SystemJS 尝试加载此模块时出现 404 错误的结果。

此外，您需要在引导应用程序时包含 HTTP 提供程序：

import {HTTP_PROVIDERS} from 'angular2/http';
(...)

bootstrap(AppComponent, [ HTTP_PROVIDERS ]);
于 2016-02-16T13:33:35.050 回答