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

カテゴリ: JavaScript | タグ: ,

発生したエラー

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ギフト券をチャージしてポイントをゲットしないと損!

こちらもおススメ

コメントを残す

メールアドレスが公開されることはありません。