Angularで"xx" is not a moduleにぶつかったら。。。

Angular web front Angular NodeJS Typescript

ちょっと古いチュートリアルを試してみると割と動かないことがよくある。 いろいろな言語を試してみると、そんなことはよくある話だからこのTipsが役に立つのかわからないけど、 とりあえず、自分と自分の周りの人のためにメモを残しておく。

ERROR in src/app/app.module.ts:15:35 - error TS2306: File '/home/user/src/angular-sandbox/ng-app/node_modules/@angular/material/index.d.ts' is not a module.

こういう問題に突き当たるとどうやっていいかわからなくなるけど、ググればすぐ出てくる内容である。

github.com

angular material moduleは廃止されて、それぞれのコンポーネントを使えということ。

で、documentを読めばわかる内容だけでクイックにチェックしたければ、node_moduleの中を見に行けばいい。

sasukeh@xxxnotebook:~/src/angular-sandbox/ng-app/node_modules/@angular/material$ ls
LICENSE        button         dialog     form-field  package.json      select        table
README.md      button-toggle  divider    grid-list   paginator         sidenav       tabs
_theming.scss  card           esm2015    icon        prebuilt-themes   slide-toggle  toolbar
autocomplete   checkbox       esm5       index.d.ts  progress-bar      slider        tooltip
badge          chips          expansion  input       progress-spinner  snack-bar     tree
bottom-sheet   core           fesm2015   list        radio             sort
bundles        datepicker     fesm5      menu        schematics        stepper

こんな感じ。

angularのモジュールのdocsはこちら。

material.angular.io

こんな感じ。