error TS1005: ',' expected.エラーを解決したい Angular

Question

Angularを使用してnpm startコマンドを実行したのですが
error TS1005: ',' expected.

というエラーが表示されてしまいます。

ソースを見直したのですが
「,」が漏れてそうな箇所はありませんでした。

解決方法わかる方いましたら教えていただけませんか。

表示されてるエラー
＞node_modules/@types/component-emitter/index.d.ts(8,25): error TS1005: ',' expected.

上記のエラーで指定があった箇所

nterface Emitter<Event = string> {
    on(event: Event, listener: Function): Emitter;
    once(event: Event, listener: Function): Emitter;
    off(event?: Event, listener?: Function): Emitter;
    emit(event: Event, ...args: any[]): Emitter;
    listeners(event: Event): Function[];
    hasListeners(event: Event): boolean;
    removeListener(event?: Event, listener?: Function): Emitter;
    removeEventListener(event?: Event, listener?: Function): Emitter;
    removeAllListeners(event?: Event): Emitter;
}

declare const Emitter: {
    (obj?: object): Emitter;
    new (obj?: object): Emitter;
};

export = Emitter;

Comments

[hoshi-takanori]

node_modules の中でエラーが出るなんておかしいですね。(node_modules の中身をいじったなら別ですが。)
自分で書いたコードとか、具体的に何をしたのか書いてくれないと分からないのでは…。

[tossyk]

ご回答ありがとうございます。

Angularの参考書を見ながら行っているので間違いはないと思うのですが。。

行った手順は
１nodeの推奨版をインストール
２プロジェクト配下で「npm install」
３プロダクション配下で「npm start」を実行すると
上記のエラーが発生しました。

参考書では「node-v6.10.3-x64.msi」をインストールしているのですが
探したところMacで使えそうなのがないと思ったので
とりあえず推奨版と呼ばれるものをインストールしました。

これはエラーに関係したりするものでしょうか。。

[hoshi-takanori]

参考書が何なのか書きましょう。(自分は Angular 詳しくありませんが、詳しい人が答えてくれる可能性が上がります。)

で、node v6 ってだいぶ古いですね…。

[tossyk]

そうなんですよね。。

参考書は
山田　祥寛さん　著の「Angular アプリケーションプログラミング」という本す。

Answer 1

私も同じ書籍を読んで学習中です。
同じところで躓いたのですでに解決済みかもしれませんが
package.jsonのtypescriptのバージョンを「"typescript": "~2.1.0",」から「"typescript": "~2.3.0",」に修正し、もうひと手順加えたらビルドできました。
（node_modules/@types/cors/index.d.tsのコメントに以下の記載があったので試してみました。）
// TypeScript Version: 2.3

その状態でビルドしたらエラーが
node_modules/@types/node/index.d.ts(20,1): error TS1084: Invalid 'reference' directive syntax.
と出ますので
index.d.tsの20行目の
/// <reference lib="es2015" />を
// <reference lib="es2015" />に修正したところビルドが通ったみたいです。

node_modules配下のファイルは本来いじるべきものでは無いと思うので正しくはpackage.json記載の各ライブラリのバージョンを最新化してやるべきかと思います。
（当該quickstartプロジェクトのpackage.jsonに記載のライブラリ間でのバージョン不整合があるように思えます。）

Answer 2

npm buildで再ビルドしましたか？

情報量が少ないのでこれで解決するか分かりませんが、
npm clean
npm ciしてみたらどうでしょう。

Comments

[tossyk]

ご回答ありがとうございます。

上記のコマンドためしてみましたが
うまくいきませんでした。。