material-ui报错：未导出withStyles，项目此前运行正常

这个问题的核心原因是Material UI v1 beta版本后期的包结构调整，加上你的依赖版本不一致（material-ui是beta.41，@material-ui/icons是beta.42），导致导出路径和依赖冲突。下面是具体的解决方案：

方案1：修正导入路径（快速临时修复） #

如果你不想改动依赖版本，可以直接调整withStyles的导入路径——在你使用的beta.41版本中，withStyles已经从根包移到了子模块里：

// 替换原来的 import { withStyles } from 'material-ui';
import { withStyles } from 'material-ui/styles';

方案2：统一依赖版本并迁移到新包结构（推荐长期解决方案） #

Material UI在beta阶段后期将核心组件拆分到了@material-ui/core包中，旧的material-ui包逐渐被弃用，同时版本不一致容易引发依赖冲突：

1. 先卸载旧的material-ui包：

npm uninstall material-ui

2. 安装和@material-ui/icons版本匹配的@material-ui/core：

npm install @material-ui/core@1.0.0-beta.42

3. 更新组件中的所有Material UI导入：
   • withStyles的导入改为：

     import { withStyles } from '@material-ui/core/styles';
     

   • 其他组件（比如Button、Card等）也要对应调整：

     // 替换 import Button from 'material-ui/Button';
     import Button from '@material-ui/core/Button';
     

额外注意事项 #

• 清理npm缓存避免残留问题：

  npm cache clean --force
  

• 重启你的开发服务器，确保新的依赖生效。

内容的提问来源于stack exchange，提问作者Vishnu Kiran