ionic-team / ionic-team/ionicons

bug: Ionic v8 addIcon not working with composed name icons

Ouverte
#1,380 7 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
help wanted
Langage dominant
TypeScript
Étoiles
18.2k
Forks
2.1k
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

### 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_

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par reproduire le problème avec addIcons et les noms comportant des traits d’union ellipsis-vertical-outline et arrow-back-outline, en les comparant à des noms simples comme exit. Suivez la résolution des noms d’icônes enregistrés et considérez le problème comme terminé lorsque les icônes aux noms composés sont rendues via ion-icon comme prévu.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.