You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

求助:Uncaught TypeError: createTheme_default is not a function错误修复

解决Uncaught TypeError: createTheme_default is not a function错误

这个错误大多和Material UI(MUI)的版本兼容问题、导入方式错误有关,试试下面这些方案:

  • 统一MUI相关包版本
    确保@mui/material、@mui/system、@mui/styles等所有MUI系包的版本完全一致。打开package.json核对版本号,若有差异,执行命令统一升级到最新兼容版本:

    npm install @mui/material@latest @mui/system@latest @mui/styles@latest @emotion/react@latest @emotion/styled@latest
    
  • 修正createTheme的导入路径
    确认导入方式符合MUI官方规范,别直接导入具体文件:

    // 正确写法
    import { createTheme } from '@mui/material/styles';
    // 错误写法(容易导出格式不匹配)
    // import createTheme from '@mui/material/styles/createTheme';
    
  • 彻底清除缓存并重装依赖
    光删node_modules不够,还要清掉包管理工具的缓存,避免残留旧文件:

    # npm用户执行
    npm cache clean --force
    rm -rf node_modules package-lock.json
    npm install
    npm run build
    
    # yarn用户执行
    yarn cache clean
    rm -rf node_modules yarn.lock
    yarn install
    yarn build
    
  • 排查第三方组件库的MUI兼容性
    如果项目用了依赖MUI的第三方组件,确认该组件库支持你当前的MUI版本。部分旧组件只兼容MUI v4,而你用v5的话,要么升级第三方组件,要么降级MUI到兼容版本。

  • 检查Box组件的代码
    错误出在Box.js第8行,若这是你自定义的组件,检查里面createTheme的调用是否正确;如果是MUI自带的Box,那基本就是包版本不匹配导致组件内部导出异常。

内容的提问来源于stack exchange,提问作者nehat khan

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.14 08:08:19