TS1005エラー - セットアップ

Question

の問題私はAngular2のための英雄のチュートリアルのツアーを通じて作業とhttp sectionを通じて作業し、最近私のhero.service.tsファイルからこのエラーを得ています：

ERROR：

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