import React from 'react'
import {Search} from "@material-ui/icons/Search"
const App = () => {
return (
<div>
<Search/>
</div>
)
}
export default App
Export 'search' (importé en tant que 'search') introuvable dans '@material-ui/icons/Search' (export possible : __esModule, par défaut)
Export 'search' (importé en tant que 'search') introuvable dans '@material-ui/icons/Search' (export possible : __esModule, par défaut)
L'icône de recherche n'est pas importée, mais j'ai installé le package matériel, mais elle n'est pas affichée dans package.json
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Si vous regardez attentivement votre déclaration d'importation
Erreur : /!
import { Search } from "@material-ui/icons/SearchVous importez un module nommé "Recherche", qui possède déjà un export par défaut.
Afin d'utiliser l'exportation par défaut, vous devez utiliser
Travail :
Si vous souhaitez importer plusieurs icônes, vous devez utiliser le routage
/icons,Utilisez ensuite toutes les icônes que vous souhaitez, voici comment y parvenir :
Travail :
import { Search, Mail } from "@material-ui/iconsInstaller et exécuter :
L'importation correcte est :
Vous devez l'installer si ce n'est pas déjà fait
Vous pouvez trouver toutes les icônes ici : https://mui.com/material-ui/material-icons/