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

Question

我正在使用 ionic react 制作应用程序。当我想添加 IonIcon 时，它说

'ionicons/icons' does not contain an export named '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 创建应用程序后，图标工作正常。