javascript - “ionicons/icons”不包含名为“star”的导出

Question

我正在使用离子反应来制作应用程序。当我想添加 IonIcon 它说

“ionicons/icons”不包含名为“star”的导出

这是我的代码

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;

标签： javascriptreactjsionic-frameworkionicons

Answer 1

无论您在哪里使用Home，都没有正确导入它。

import Home from './home'， 不是import {Home} from './home'

或Home代替home.