Angularのチュートリアルサイトでエラー出た

Question

今Angularの公式チュートリアルをしているのですが、エラーが出てしまい、躓いています。

前提・実現したいこと

今Angularの公式チュートリアルをしているのですが、エラーが出てしまい、躓いています。
全てチュートリアル通りに実行してきています。
VS Codeで編集しています。
レベルとしてはAngular始めたて、TSも始めてぐらいです。

このエラーを解決する方法、また、その際どこを見れば良いかなどを教えていただきたいです。
よろしくお願いします。

発生している問題・エラーメッセージ

7章の下の方。findメソッドの部分がエラーになります。

[ts] プロパティ 'find' は型 'Hero[]' に存在しません。

該当のソースコード

getHero(id: number): Observable<Hero> {
    // Todo: send the message _after_ fetching the hero
    this.messageService.add(`HeroService: fetched hero id=${id}`);
    return of(HEROES.find(hero => hero.id === id));
  }

試したこと

tsconfigがES5だったのをES6に変更したら、findメソッドは通るんですが、モジュールがエラーを起こしてしまいます。エラーメッセージは"[ts] モジュール '@angular/core' が見つかりません。"です。

このサイトみたいにfindをfilterに変えて見たのですが、localhostではLoading...のままです。

補足情報（FW/ツールのバージョンなど）

Answer 1

モジュール解決がうまくいっていないようなので、tsconfigのcompilerOptionsに"moduleResolution": "node",を追加したらうまくいったりしませんか？ES6にしたままで。

Comments

[ntntnt_ntntnt]

解決しました！！
助かりました。ありがとうございます

[退会済みユーザー]

よかったです。
私もTSのimport周りの再学習ができました。
参考サイトは以下でした。
http://js.studio-kingdom.com/typescript/handbook/module_resolution