Question

https://codesandbox.io/s/wizardly-agnesi-29zq8 为什么这个沙箱会突然出现这个错误：

<块引用>

元素类型无效：应为字符串（对于内置组件）或类/函数（用于复合组件）但得到：未定义。你可能忘记从它定义的文件中导出您的组件，或者您可能混淆了默认导入和命名导入。

它以前可以工作，而我没有使用任何导入应用程序名称？我该如何解决。我搜索了其他类似标题的堆栈溢出问题，但他们无法为我解决这个问题。

Answer 1

这是因为 ToggleButton、ToggleButtonGroup 和 Pagination 不是来自核心 Material UI 库，而是来自实验室 图书馆。因此，您需要添加 @material-ui/lab 依赖项，然后从那里导入这 3 个。所以它会是这样的：

import {
  Box,
  Card,
  CardContent,
  CardHeader,
  Grid,
  Container,
  Chip
} from "@material-ui/core/";

import {
  ToggleButtonGroup,
  ToggleButton,
  Pagination
} from "@material-ui/lab/";

...

I tweaked your sandbox here to show this

反应导入错误，元素类型无效？

1 个答案: