在 Material UI 中使用 Skeleton 时如何修复错误“alpha”未从“@material-ui/core/styles”导出答案

【问题标题】：How to fix the error 'alpha' is not exported from '@material-ui/core/styles' when using Skeleton in Material UI在 Material UI 中使用 Skeleton 时如何修复错误“alpha”未从“@material-ui/core/styles”导出
【发布时间】：2021-07-13 04:48:17
【问题描述】：

我正在使用 Material UI，但我在 Ubuntu 上使用 Skeleton 组件遇到了一个严重错误。虽然在 Windows 上我没有收到此错误并且一切正常，但在 Ubuntu 上我收到以下错误：

./node_modules/@material-ui/lab/esm/Skeleton/Skeleton.js
Attempted import error: 'alpha' is not exported from '@material-ui/core/styles'.

导入取自官方文档：

import Skeleton from '@material-ui/lab/Skeleton';

在 windows package.json 上，我的依赖项是这些并且一切正常：

"@material-ui/core": "^4.11.4",
"@material-ui/icons": "^4.11.2"

在 Ubuntu 上，它告诉我缺少实验室（它实际上是骨架应该在的位置，我不知道为什么在 Windows 上它可以工作，尽管没有安装实验室），所以在我安装了实验室包之后。 Ubuntu 上的 json 是这样的：

"@material-ui/core": "^4.11.4",
"@material-ui/icons": "^4.11.2",
"@material-ui/lab": "^4.0.0-alpha.60"

这是我在顶部提到的错误的地方。

知道为什么会这样吗？

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

这是因为您的@material-ui/lab 是最新版本，但核心不是最新版本。将@material-ui/core升级到4.12.1（或latest）版本可以解决这个错误。

【讨论】：

将 @material-ui/core 升级到 4.12 及更高版本会导致一系列其他问题，因为 Material UI 开始为 v5 实现大量升级控制台错误。我将@material-ui/core 锁定在4.11，而我的@material-ui/lab 锁定在4.0.0，这个特殊问题是什么时候在Skeleton 组件中引入的？

【解决方案2】：

我在使用 Skeleton 组件时遇到了同样的问题。我将@material-ui/core升级为4.12.1，错误已解决。

【讨论】：

【解决方案3】：

我在使用 Buttons 时遇到了同样的问题，我将我的库升级到了下一个版本，然后运行 npm i，重新启动服务器，它就可以工作了。

@material-ui/core: "4.11.4"
@material-ui/lab: "4.0.0-alpha.58"
@material-ui/icons: "4.11.2"
@material-ui/pickers: "3.3.10"

【讨论】：