ionic-team / ionic-team/ionicons

bug: Ionic v8 addIcon not working with composed name icons

Abierto
#1,380 7 comentarios 0 reacciones 0 asignados Ver en GitHub
help wanted
Lenguaje dominante
TypeScript
Estrellas
18.2k
Forks
2.1k
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Start by reproducing the issue with addIcons and the hyphenated names ellipsis-vertical-outline and arrow-back-outline, comparing them with simple names such as exit. Trace how registered icon names are resolved, and consider the issue done when composed-name icons render through ion-icon as expected.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
typescript
Área
frontend
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.