[MUI] @mui以下のファイルインポートしようとしたらTS2792エラーが出る

発生したエラー

React + TypeScriptの環境で、MUIをしようとしたところ、import文で'@mui/...'をインポートするところでTS2792エラーが発生した。

• プログラム

import Button from '@mui/material/Button';

• エラー

TS2792: Cannot find module '@mui/material/Button'. 
        id you mean to set the 'moduleResolution' option to 'node',
        or to add aliases to the 'paths' option?

原因

tsconfigの設定が誤っていて、node_modules以下のディレクトリ以下にあるファイルがimport対象外になっていた。

対応

tsconfig.jsonのcompilerOptionsに、"moduleResolution": "node"を追加する。

{
  "compilerOptions": {
    ...
    "moduleResolution": "node",
}

Amazonでおトクに買い物する方法

AmazonチャージでポイントGET

Amazonは買いもの前にAmazonギフト券をチャージしてポイントをゲットしないと損！