Question

我正在浏览Angular2的英雄教程并完成http section并最近从我的hero.service.ts文件中收到此错误：

错误：

app/hero.service.ts(12,23): error TS1005: '(' expected.
app/hero.service.ts(12,30): error TS1005: '=' expected.

运行此代码：

代码：

import { Injectable }      from '@angular/core';
import { Headers, Http }   from '@angular/http';

import 'rxjs/add/operator/toPromise';

import { Hero }            from './hero';

@Injectable()
export class HeroService {

private headers: new Headers({'Content-Type': 'application/json'});
private heroesUrl: 'app/heroes'; //URL to web api

constructor(private http: Http) { }

getHeroes(): Promise<Hero[]> {
    return this.http.get(this.heroesUrl)
        .toPromise()
        .then(response => response.json().data as Hero[])
        .catch(this.handleError);
}

getHeroesSlowly(): Promise<Hero[]> {
    return new Promise<Hero[]>(resolve =>
        setTimeout(resolve, 2000))
        .then(() => this.getHeroes());
}

getHero(id: number): Promise<Hero> {
    return this.getHeroes()
        .then(heroes => heroes.find(hero => hero.id === id));
}

private handleError(error: any): Promise<any> {
    console.error('An error occurred', error); // for demo purposes only
    return Promise.reject(error.message || error);
}

create(name: string): Promise<Hero> {
return this.http
    .post(this.heroesUrl, JSON.stringify({name: name}), {headers:       
this.headers})
    .toPromise()
    .then(res => res.json().data)
    .catch(this.handleError);
 }

delete(id: number): Promise<void> {
const url = `${this.heroesUrl}/${id}`;
return this.http.delete(url, {headers: this.headers})
    .toPromise()
    .then(() => null)
    .catch(this.handleError);
 }

update(hero: Hero): Promise<Hero> {
 const url = `${this.heroesUrl}/${hero.id}`;
 return this.http
     .put(url, JSON.stringify(hero), {headers: this.headers})
     .toPromise()
     .then(() => hero)
     .catch(this.handleError);
} 
}

起初我认为这是一个错误的错误，但经过几次检查而没有看到答案我复制并粘贴了他们的plunkr的答案，我仍然得到相同的错误信息。

所以我的TypeScript实现可能没有正确实现。

我的package.json文件如下所示：

的package.json：

{
"name": "angular2-quickstart",
"version": "1.0.0",
"scripts": {
"start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
"lite": "lite-server",
"postinstall": "typings install",
"tsc": "tsc",
"tsc:w": "tsc -w",
"typings": "typings"
},
"license": "ISC",
"dependencies": {
"@angular/common": "2.0.0",
"@angular/compiler": "2.0.0",
"@angular/core": "2.0.0",
"@angular/forms": "2.0.0",
"@angular/http": "2.0.0",
"@angular/platform-browser": "2.0.0",
"@angular/platform-browser-dynamic": "2.0.0",
"@angular/router": "3.0.0",
"@angular/upgrade": "2.0.0",
"core-js": "^2.4.1",
"reflect-metadata": "^0.1.3",
"rxjs": "5.0.0-beta.12",
"systemjs": "0.19.27",
"zone.js": "^0.6.23",
"angular2-in-memory-web-api": "0.0.20",
"bootstrap": "^3.3.6"
},
"devDependencies": {
"concurrently": "^2.2.0",
"lite-server": "^2.2.2",
"typescript": "^2.0.2",
"typings":"^1.3.2"
}
}

有谁知道这个问题是什么？

我的操作系统是Windows10。

谢谢。

Answer 1

我想它应该是

private headers = new Headers({'Content-Type': 'application/json'});
private heroesUrl = 'app/heroes'; //URL to web api

或

private headers: Headers = new Headers({'Content-Type': 'application/json'});
private heroesUrl: string = 'app/heroes'; //URL to web api

Angular2出现TS1005错误 - 设置问题

1 个答案: