. node_modules @material-ui styled-engine index.js Module not found: Can't resolve '@emotion styled' - Shell-Bash (1)

📌 相关文章

📜 . node_modules @material-ui styled-engine index.js Module not found: Can't resolve '@emotion styled' - Shell-Bash (1)

📅 最后修改于: 2023-12-03 14:59:01.143000 🧑 作者: Mango

在使用@material-ui/styled-engine模块时，发生了以下错误：Module not found: Can't resolve '@emotion/styled'。

该错误是因为@material-ui/styled-engine模块需要@emotion/styled模块作为依赖项。您需要先安装@emotion/styled并将其添加到您的项目中。您可以执行以下命令来解决此错误：

npm install @emotion/styled

或者，如果您正在使用yarn：

yarn add @emotion/styled

然后，您需要在您的代码中引入@emotion/styled模块。您可以按照以下方式进行：

import styled from '@emotion/styled';
import { styled as muiStyled } from '@material-ui/styled-engine';

接下来，您可以使用styled函数来创建您的样式化组件，如下所示：

const StyledButton = muiStyled(styled.button`
  /* your styles here */
`);

现在，您应该可以成功地使用@material-ui/styled-engine模块来创建您的样式化组件了。