React引入Material UI的TabContext报Module not found错误咨询

问题原因 #

报错是因为项目中未安装Material UI v4对应的独立lab组件包，且导入语法存在错误。

解决步骤 #

• 第一步：安装匹配版本的@material-ui/lab依赖
  执行以下命令安装和你现有@material-ui/core@4.12.3版本匹配的lab包：

npm install @material-ui/lab@4.0.0-alpha.61

• 第二步：修正Navbar.js中的导入语句
  原有拆分路径的导入方式不符合规范，替换3行lab相关导入代码为：

import { TabContext, TabList, TabPanel } from '@material-ui/lab';

• 可选优化：你的package.json中存在已废弃的旧版本material-ui@^0.20.2依赖，会和现有@material-ui/core包产生冲突，建议卸载：

npm uninstall material-ui

操作完成后重启开发服务即可正常运行。

内容的提问来源于stack exchange，提问作者Sanika Bagjilewale