He instalado @material-ui/core y @material-ui/icons .
Estoy tratando de importar "FileDownloadIcon" desde los íconos de Material.
Instalación de "@material-ui/core" :
npm i @material-ui/coreInstalación de "@material-ui/icons" :
npm i @material-ui/iconsEsta es la forma en que intento importar "FileDownloadIcon" :
import FileDownloadIcon from '@mui/icons-material/FileDownload'; <div className="download-file"> <Button variant="contained" color="primary" onClick={() => getResume()} > <FileDownloadIcon /> Download Resume </Button> </div>Pero está ocurriendo un error como este "Módulo no encontrado: no se puede resolver '@mui/icons-material/FileDownload' en 'E:\frontend\src\component\Details'"
¿Alguien puede decirme dónde está el problema?
El icono FileDownload se agrega en v5, no existe en v4. Puede buscar iconos v4 aquí . Para usar el ícono v5 en la versión anterior de MUI, solo vaya y copie el código fuente aquí :
function FileDownload(props) { return ( <SvgIcon {...props}> <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" /> </SvgIcon> ); }EDITAR: si ya está utilizando MUI v5, significa que le falta el paquete de iconos. Siga la guía de instalación aquí para instalar:
npm install @mui/icons-materialParece que estás usando v5 de Material-UI. Usa lo siguiente:
import { FileDownload } from "@mui/icons-material"; Observe el nombre del ícono, omitiendo Icon . Luego utilízalo con el botón:
<div className="download-file"> <Button variant="contained" color="primary" onClick={() => getResume()} startIcon={<FileDownload />}> Download Resume </Button> </div>use la migración de v4 a v5 siguiendo este enlace https://mui.com/guides/migration-v4/
tu puedes hacer:
// con npm npm install @mui/icons-material
o esto :