Material-UI v5 不工作样式组件和 typescript？

Question

我正在尝试将 mui-v5 与样式组件和 typescript 一起使用。 但是，即使在我将该行添加到我的 tsconfig 之后：

"paths": {
  "@mui/styled-engine": [ "./node_modules/@mui/styled-engine-sc" ]
}

我收到一个错误：

找不到依赖项：'@emotion/styled' 相对于 '/node_modules/@mui/styled-engine/index.js'

执行时： import { ThemeProvider } from "@mui/material/styles";

我制作了一个代码沙箱来显示我的设置。

有谁知道我做错了什么？

Answer 1

您需要将@emotion/styled和@emotion/react添加到依赖项

Answer 2

您不需要添加@emotion/styled 。 mui安装说您可以使用情感或样式组件

我知道说明有点混乱，但我只是复制/粘贴了 mui.com/guides/styled-engine/ 中的package.json部分，它对我有用

package.json：

{
  "dependencies": {
    "@mui/material": "^5.0.0",
    "styled-components": "^5.3.1",
  },
  "devDependencies": {
    "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest",
    "@types/styled-components": "^5.1.14",
  },
  "resolutions": {
    "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
  }
}