为什么我尝试在 mui 图标中多次导入图标时出现错误？

Question

我在论坛上看到有一种方法可以多次导入 Material UI 图标，所以我尝试从这里导入 go：

import InterestsRoundedIcon from "@mui/icons-material/InterestsRounded";
import AccountCircleRoundedIcon from "@mui/icons-material/AccountCircleRounded";
import SettingsRoundedIcon from "@mui/icons-material/SettingsRounded";

对此

import { InterestsRoundedIcon, AccountCircleRoundedIcon, SettingsRoundedIcon } from "@mui/icons-material";

但是当我尝试启动我的代码时，我遇到了这个问题

编译有问题：错误 in./src/components/sidebar/Sidebar.jsx 44:42-62 export 'InterestsRoundedIcon' (imported as 'InterestsRoundedIcon') was not found in >'@mui/icons-material'

如果我尝试从“@mui/icons-material”或“@material-ui/icons”导入，我会遇到这些问题

Answer 1

尝试这个：

import {
  InterestsRounded as InterestsRoundedIcon,
  AccountCircleRounded as AccountCircleRoundedIcon,
  SettingsRounded as SettingsRoundedIcon,
} from "@mui/icons-material";