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

Question

您好，我正在使用与 Material UI 核心进行 react 。

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

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>
  );}

我已将material ui core更新到新版本3.8.1。接下来我还更新了 Material ui，但错误仍然存​​在。请帮忙。如何使用新的material ui组件？请帮忙。

Answer 1

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

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

我相信这很快就会成为 Material ui 核心的一部分:)