如何将 Material UI 包添加到 React 应用程序

How to add the Material UI package to React app

我想将 material-ui/icon 包添加到我的 React 应用程序中。如果我 运行 npm install @mui/material @emotion/react @emotion/styled 在我的根文件夹中,我会收到以下错误:

Invalid package name "material-ui/icons" of package "material-ui/icons@": name can only contain URL-friendly characters.

我还尝试使用以下命令安装软件包:

yarn add @material-ui/icons

npm install @material-ui/core

npm install @emotion/react

yarn add @mui/material @emotion/react @emotion/styled

npm install --save material-ui/icon

没有任何效果。在 yarn 的情况下,我收到以下错误 zsh: command not found: yarn 因为我没有安装 yarn。我怎样才能安装这个包?

运行 下面的命令将安装 yarn。

sudo npm install -g yarn

然后 运行 下面的代码。

纱线添加@mui/material@emotion/react@emotion/styled

试试这个 npm install @emotion/react @emotion/styled @mui/icons-material @mui/material