如何解决找不到模块：无法在 Material-UI 中解析“@babel/runtime/core-js/map”答案

【问题标题】：How to solve Module not found: Can't resolve '@babel/runtime/core-js/map' in Material-UI如何解决找不到模块：无法在 Material-UI 中解析“@babel/runtime/core-js/map”
【发布时间】：2019-11-12 16:06:10
【问题描述】：

我正在为 React 使用 Material UI，我将 Material-UI 更新到了最新版本，它给了我以下错误

../node_modules/material-ui/styles/withStyles.js

找不到模块：无法解析 '@babel/runtime/core-js/map' in

'C:\Users\User\Documents\code\react\node_modules\material-ui\styles'

我也降级到之前版本的 Material-UI，安装了正确版本的 babel，但仍然遇到同样的问题。

这是我的 package.json

"dependencies": {
    "@babel/runtime": "^7.4.0",
    "@material-ui/core": "^4.1.3",
    "@material-ui/icons": "^3.0.2",
    "@material-ui/lab": "^3.0.0-alpha.30",
    "axios": "^0.18.1",
    "bootstrap": "^4.3.1",
    "material-auto-rotating-carousel": "^3.0.1",
    "material-auto-rotating-carousel-refurb": "^1.0.1",
    "react": "^16.8.6",
    "react-animated-slider": "^1.1.4",
    "react-bootstrap": "^0.32.4",
    "react-dom": "^16.8.6",
    "react-motion": "^0.5.2",
    "react-responsive-carousel": "^3.1.49",
    "react-router": "^3.2.3",
    "react-scripts": "2.1.2",
    "react-slick": "^0.23.2",
    "react-swipeable-views": "^0.13.3",
    "react-tap-event-plugin": "^1.0.0",
    "slick-carousel": "^1.8.1"
  }

【问题讨论】：

错误的堆栈跟踪是什么？你漏掉了最重要的部分。
material-ui beta 包已被弃用且有问题，因此这里存在问题。你应该换成稳定版的@material-ui/core - github.com/babel/babel/issues/9026
是的，你的错误提到了material-ui，但你的dependencies 参考@material-ui/core 所以这个问题有混合的信息。如果您使用material-ui 他们，您的部门有误，您需要降级到稳定版本。
@ravibagul91 我遵循了这一点，并且只使用了 material-ui/core 而不是 material-ui。您也可以在我的 package.json 依赖项中看到
您的系统中一定有一些东西仍在引用material-ui，否则错误消息将不会提及它。

标签： javascript reactjs material-ui babeljs

【解决方案1】：

我通过在package.json 中添加解决方案来解决此问题，但只有在您使用yarn 而不是npm 时才有效。

我的解决方法（如果你使用纱线）

// in your package.json
...
"resolutions": {
    "material-ui/@babel/runtime": "7.0.0-beta.42"
}
...

为什么它会起作用？，因为@babel/runtime": "7.0.0-beta.42 仍然需要core-js 作为依赖项，特别是它需要core-js ^2.5.3

替代修复

如果您不使用yarn 而不是npm，则可以将@babel/runtime": "7.0.0-beta.42 添加为devDependency，它也应该可以正常工作。

我将链接留给yarn resolutions，因为它可能对你来说很有趣。

【讨论】：

不幸的是，这会弄乱一些应用程序，并且不可能与所有设置一起使用。（其他依赖项）