0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

MUIアイコンボタン "Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object."

Posted at

MUIのアイコンボタンを追加しようとしていたとき、題名のエラーに当たりました。
importの方法もコンポーネント内での呼び出し方も公式ドキュメント通りなのになぜ、、、

症状

エラーメッセージ
"Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object."

「無効な要素タイプ:文字列(ビルトインコンポーネント用)またはクラス/関数(コンポジットコンポーネント用)が期待されていいますが、代わりにオブジェクトが得られました」

解決方法を調べてみると、次の二つがサジェストされました。

  1. importの方法を間違えている
  2. バージョン互換性の問題

解決方法

上記のどちらでもありませんでした。

package.jsonの中にある、”type": “module” を削除して再度npm run devしたところアイコンが正常に表示されるようになりました。

下記のissuesにコメントしてくださっている方がいます...!
https://github.com/mui/material-ui/issues/42997#issuecomment-2240188555

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?