安装@material-ui/core后仍报错Can't resolve '@material-ui/core/Alert'如何解决

根本原因 #

你当前安装的是Material UI v4版本（package.json中@material-ui/core版本为4.12.3），Alert组件在v4版本中未纳入核心包@material-ui/core，而是归属到实验室组件包@material-ui/lab中，所以直接从core导入会触发路径解析失败错误。

操作步骤 #

• 安装对应版本的lab依赖，执行命令：
  npm install @material-ui/lab@4.0.0-alpha.61
• 修改Note.js文件中的Alert导入语句，替换为如下内容：
  import Alert from '@material-ui/lab/Alert';

额外优化建议 #

你的package.json中存在早已废弃的旧版本Material UI依赖material-ui": "^1.0.0-beta.47，建议执行npm uninstall material-ui将其移除，避免后续出现组件版本冲突问题。

内容的提问来源于stack exchange，提问作者sonu kkc