🍗
【Vite+Mui】'createTheme_default is not a function'エラーの対処法
環境はVite 4.0.2, @mui/material" 5.11.14
エラー内容
chromeのデベロッパーツールで以下の図のようにUncaught TypeError: createTheme_default is not a function
とエラーが出ました。
対処法
対処法として、調べた結果viteがうまく機能していないみたいで、npm_moduleを消して再インストールしたり、以下の記事を参考にviteのキャッシュをクリアしたり試したんですが、私の場合は直りませんでした。
それでもダメな時の解決方法
最終的にはエラーの原因となっていたファイルの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