如何解决模块找不到:无法解析‘@babel/运行时/核心-js/map’的资料-UI

Question

我正在使用资料用户界面进行反应，我将资料- UI更新为最新版本，并给出以下错误。

../node_modules/material-ui/styles/withStyles.js 找不到模块:无法解析“@babel/运行时/core-js/map” 'C:\Users\User\Documents\code\react\node_modules\material-ui\styles‘

我降级到以前版本的材料-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"
  }

Answer 1

我通过在我的package.json中添加一个解决方案来解决这个问题，但是只有当您使用yarn而不是npm时，它才能工作。

my fix (如果你使用纱线)

// 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的链接，因为它可能对您来说很有趣。