🍗

【Vite+Mui】'createTheme_default is not a function'エラーの対処法

2023/03/28に公開

環境はVite 4.0.2, @mui/material" 5.11.14

エラー内容

chromeのデベロッパーツールで以下の図のようにUncaught TypeError: createTheme_default is not a functionとエラーが出ました。
chromeのデベロッパーツール

対処法

対処法として、調べた結果viteがうまく機能していないみたいで、npm_moduleを消して再インストールしたり、以下の記事を参考にviteのキャッシュをクリアしたり試したんですが、私の場合は直りませんでした。
https://koya-tech.com/mui5-error-boxjs/

それでもダメな時の解決方法

最終的にはエラーの原因となっていたファイルのBox.jsのインポート位置を変更することで直りました。なぜかはよくわかりません。

//修正前
import React, { useState } from 'react';
import Box from '@mui/material/Box';
import Input from '@mui/material/Input';
import FormControl from '@mui/material/FormControl';
・・・

//修正後
import React, { useState } from 'react';
- import Box from '@mui/material/Box';
import Input from '@mui/material/Input';
+ import Box from '@mui/material/Box';
import FormControl from '@mui/material/FormControl';
・・・

Discussion