Material-ui v4无法为每个组件读取未定义的属性“根”答案

【问题标题】：Material-ui v4 Cannot read property 'root' of undefined for every componentMaterial-ui v4无法为每个组件读取未定义的属性“根”
【发布时间】：2019-10-27 16:32:15
【问题描述】：

我已从 Material-UI v3 迁移到 v4。现在我导入的每个组件都会出现此错误：

app.js:3581 未捕获类型错误：无法读取属性
未定义的“根”

在按钮 (app.js:3581)
在 renderWithHooks (app.js:126202)
在 updateForwardRef (app.js:127721)
在 beginWork (app.js:128925)
在 performUnitOfWork (app.js:132576)
在 workLoop (app.js:132616)

app.js:130381 组件出现上述错误：
在 WithStyles(ForwardRef(Button)) 中（由 Rtl 创建）
在 StylesProvider（由 Rtl 创建）
在 Rtl 中（由 App 创建）
在 Provider（由 App 创建）
应用内

React 和 react-dom 更新为 guide 所说：

"react": "^16.8.6",
"react-dom": "^16.8.6",
"@material-ui/core": "^4.0.0-rc.0",
"@material-ui/styles": "^4.0.0-rc.0",

我删除了/node_modules 和yarn.lock 并尝试了yarn，但每个组件都会出现错误。

也找到了这个issue，但没有任何解决方案...

【问题讨论】：

您应该使“@material-ui/styles”的版本与“@material-ui/core”的版本保持同步。
@RyanCogswell 我按照指南的说法迁移并更新了样式
该指南是为@material-ui/core 的 4.0.0 版本编写的，只是尚未更新以反映进一步的版本。如果您对@material-ui/core 使用“^4.1.0”，您还应该对@material-ui/styles 使用“^4.1.0”（而不是“^4.0.0”）。
@RyanCogswell 抱歉，我迁移回了 V3，现在我回来解决这个问题。我已经更新了有问题的 package.json，这里有一个关于这个问题的讨论 github.com/mui-org/material-ui/issues/15898 我希望它有帮助
作为故障排除步骤，请将@material-ui/core 版本更改为"@material-ui/core": "4.1.3" 并从package.json 中删除@material-ui/styles（core 依赖于它，所以它应该仍然即使没有显式地在 package.json 中也被拉入）。如果这仍然导致相同的错误，请显示您的 package.json 的其余部分，特别是，我想知道您是否有任何利用 Material-UI 的包。

标签： reactjs material-ui

【解决方案1】：

GitHub 中的这个comment 解决了这个问题。

 "hoist-non-react-statics": "^3.3.0",

应该添加到 package.json

正如here所说的

npm ls hoist-non-react-statics

结果

├─┬ @material-ui/core@3.9.3
│ └── hoist-non-react-statics@3.3.0 
├─┬ material-ui@0.20.2
│ └─┬ recompose@0.26.0
│   └── hoist-non-react-statics@2.5.5  deduped
├─┬ react-hot-loader@4.12.0
│ └── hoist-non-react-statics@3.3.0 
├─┬ react-jss@8.6.1
│ └── hoist-non-react-statics@2.5.5 
├─┬ react-redux@7.1.0
│ └── hoist-non-react-statics@3.3.0 
├─┬ react-router@3.2.3
│ └── hoist-non-react-statics@2.5.5  deduped
└─┬ recompose@0.30.0
  └── hoist-non-react-statics@2.5.5  deduped

这可能是导致此问题的原因。

【讨论】：