ionic-team / ionic-team/ionicons
bug: Ionic v8 addIcon not working with composed name icons
- 主要言語
- TypeScript
- スター
- 18.2k
- フォーク
- 2.1k
- PR マージ指標
- 30日以内にマージされた PR はありません
説明
### Current Behavior
I'm trying to use multiple ionic icons in my application, but only the simple ones are working for example: exit, calendar, add. If I try
it is not working.
Here are some examples:
**html**
`
Salir
`
**ts**
import { ellipsisVerticalOutline, exit } from "ionicons/icons";
import { addIcons } from "ionicons";
export class AppComponent implements OnInit, OnDestroy {
...
constructor(
private platform: Platform,
//rivate splashScreen: SplashScreen,
//private statusBar: StatusBar,
private authService: AuthService,
private locationService: LocationService,
private router: Router,
private menuCtrl: MenuController,
private alertCtrl: AlertController,
//private messagingService: MessagingService,
// private translateService: TranslateService
) {
this.initializeApp();
addIcons({exit,ellipsisVerticalOutline});
}
}

If I change html for:
`
Salir
`

Not Working.
### Expected Behavior
That the icon I'm using shows
### Steps to Reproduce
Use some basic icons with no composed names like exit, calendar
Then use some icons like
### Code Reproduction URL
_No response_
### Additional Information
_No response_
コントリビューションガイド
調査の方向性
まず、addIcons とハイフン区切りの名前 ellipsis-vertical-outline および arrow-back-outline を使って問題を再現し、exit のような単純な名前と比較します。登録されたアイコン名がどのように解決されるかを追跡し、複合名のアイコンが ion-icon を通じて期待どおりにレンダリングされれば、問題は完了したとみなします。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- typescript
- 領域
- frontend
- issue の種類
- バグ
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 35/100