ionic-team / ionic-team/ionicons

bug: Ionic v8 addIcon not working with composed name icons

オープン
#1,380 コメント 7 件 リアクション 0 件 担当者 0 名 GitHub で見る
help wanted
主要言語
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});
}

}

![image](https://github.com/ionic-team/ionicons/assets/70447045/b616f77f-b32d-4eea-b603-fac2a2474721)

If I change html for:
`




Salir



`

![image](https://github.com/ionic-team/ionicons/assets/70447045/38be546f-5f16-40a0-92cd-7666be6ab37b)

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

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。