无法将 Material UI Labs 导入 React 应用程序答案

【问题标题】：Unable to import Material UI Labs into React app无法将 Material UI Labs 导入 React 应用程序
【发布时间】：2020-11-16 00:42:02
【问题描述】：

尝试使用 Material Ui Lab 的复选框 link。但是在 npm 安装了三个依赖项之后：@material-ui/lab、@material-ui/core 和 @material-ui/icons，我收到了这个错误：

./node_modules/@material-ui/core/esm/Portal/Portal.js Attempted import error: 'HTMLElementType' is not exported from '@material-ui/utils'.

我的导入如下：

import React from 'react';
import Checkbox from '@material-ui/core/Checkbox';
import TextField from '@material-ui/core/TextField';
import Autocomplete from '@material-ui/lab/Autocomplete';
import CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';
import CheckBoxIcon from '@material-ui/icons/CheckBox';

两个依赖版本分别是：

"@material-ui/core": "^4.11.0",
"@material-ui/icons": "^4.5.1",
"@material-ui/lab": "^4.0.0-alpha.56"

我已尝试删除节点模块并再次安装 npm 无济于事，我还尝试安装 @material-ui/utils。

【问题讨论】：

我不知道是什么问题，但我尝试在codesandox中进行，一切正常：codesandbox.io/s/thirsty-leaf-gefwy?file=/src/App.js

标签： reactjs material-ui

【解决方案1】：

我刚刚使用示例from the docs 创建了一个working sandbox。将您的解决方案与此进行比较。如果您仍然不确定它为什么不起作用，我们将需要查看更多代码/配置。

【讨论】：

是的，我现在也能做到
我正在安装包@material-ui/core @material-ui/icons @material-ui/lab。也可能存在脚本重叠，通过执行yarn 或npm 命令可以解决。跨度>
我能够通过将 react、react-dom 和 react-scripts 包更新到您的示例中找到的版本来解决问题，谢谢！