Question

我已经设置了一个quickstart副本的项目。现在我想尝试加载一些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来玩。

提前谢谢大家：）

Answer 1

我认为您忘记将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 ]);

使用尝试使用angular2 / Http时出错

1 个答案: