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

【问题标题】：Can't resolve '@material-ui/styles/styled' in '@material-ui\core\Box'无法解析 '@material-ui\core\Box' 中的 '@material-ui/styles/styled'
【发布时间】：2019-01-07 16:01:39
【问题描述】：

嗨，我正在使用与材料 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组件如何使用？请帮忙。

【问题讨论】：

您是否安装了@material-ui/styles？

标签： reactjs material-ui

【解决方案1】：

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

确实遇到了同样的问题，看来你需要 alpha 版本的 styled 来运行这个。

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

【讨论】：