Estoy usando reacción iónica para hacer una aplicación. Cuando quiero agregar IonIcon dice
'ionicons/icons' no contiene una exportación llamada 'estrella'
Aquí está mi código
import { IonApp, IonButton, IonContent, IonFooter, IonHeader, IonIcon, IonTitle, IonToolbar } from '@ionic/react'; import React from 'react'; import { star } from 'ionicons/icons'; const Home = () => { return ( <IonApp> <IonHeader translucent> <IonToolbar> <IonTitle>Home</IonTitle> </IonToolbar> </IonHeader> <IonContent> <h3>Hello</h3> </IonContent> <IonFooter> <IonToolbar> <IonButton> <IonIcon icon={star}> </IonIcon> Home</IonButton> </IonToolbar> </IonFooter> </IonApp> ); }; export default Home;Dondequiera que esté usando Home , no lo está importando correctamente.
import Home from './home' , no import {Home} from './home'
O Home en lugar de home .
Primero creé la aplicación con npx creat-react-app y luego instalé ionic-react en eso. El icono no se mostraba en el archivo. Pero después de crear una aplicación con inicio iónico, los íconos funcionan bien.