React+Material UI跨平台错误：无法解析@babel/runtime/core-js/map

我之前也碰到过类似的跨平台依赖坑，先给你拆解问题根源和可行的解决方案：

问题本质 #

首先可以明确：这个Material UI beta版本本身没有平台相关代码，问题出在依赖的@babel/runtime和core-js模块上。Windows下npm/yarn的依赖解析、缓存机制和类Unix系统略有差异，刚好自动规避了这个缺失问题，而Mac/Ubuntu下则暴露了出来。

具体解决方案 #

按顺序尝试以下步骤，大概率能解决问题：

1. 清理依赖缓存重新安装
   先删掉现有依赖和锁文件，避免缓存的旧依赖干扰：

rm -rf node_modules package-lock.json yarn.lock
npm install

（如果用yarn就换成yarn install）

2. 手动安装缺失的依赖包
   错误提示找不到@babel/runtime/core-js/map，说明你的项目缺少对应的babel runtime依赖，且这个beta版本的Material UI依赖的是core-js@2（v3会不兼容），直接安装即可：

npm install @babel/runtime core-js@2 --save

3. 修正Babel配置（如果有自定义配置）
   如果你的项目有.babelrc或babel.config.js，确保@babel/preset-env的配置正确关联core-js v2：

{
  "presets": [
    ["@babel/preset-env", {
      "useBuiltIns": "usage",
      "corejs": 2
    }],
    "@babel/preset-react"
  ]
}

4. 升级到Material UI稳定版（推荐）
   v1.0.0-beta.46是非常老旧的测试版本，后续的稳定版已经修复了大量依赖兼容性问题。如果项目允许，建议直接升级到最新稳定版：

npm install @material-ui/core --save

注意升级后需要修改组件导入路径，比如原来的import withStyles from 'material-ui/styles';要改成：

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

其他组件的导入路径也要同步调整为@material-ui/core/xxx格式。

验证 #

完成上述步骤后，重启开发服务器，应该就能正常运行你的应用了。

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