“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;

Answer 1

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

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

或Home 而不是home。

Answer 2

我首先通过 npx creat-react-app 创建了应用程序，然后在其上安装了 ionic-react。该图标未显示在文件上。但是通过 ionic start 创建应用程序后，图标工作正常。