无法解析"@material-ui\core\Box"中的"@material-ui/styles/styled"

Question

嗨，我使用带有材料 UI 核心的反应。

当我尝试在排版组件中使用新框时，我收到您在标题中看到的错误。

import Typography from "@material-ui/core/Typography";
import { unstable_Box as Box } from "@material-ui/core/Box";
 function sayHello() {
   return (
   <div >
     <Typography>
       <Box textAlign="left">Hello</Box>
     </Typography>
   </div>
  );}

我已将材料 ui 核心更新到新版本 3.8.1。我接下来还更新了材料 UI，但错误仍然存在。请帮忙。如何使用新的材质 UI 组件？请帮忙。

Answer 1

你需要

运行yarn add @material-ui/styles@next或npm install @material-ui/styles@next

确实遇到了同样的问题，似乎您需要 styled 的 alpha 版本来运行它。

我相信这很快就会成为材料 UI 核心的一部分:)