Le sélecteur de composant Typescript doit être nommé undefined

Question

Dans mon application angulaire, j'ai un composant qui est référencé par le html d'un autre composant, je lui ai donc donné un sélecteur dans le cas kebab comme suit :

@Component({
  selector: 'swiftlog-navbar',
  templateUrl: './swiftlog-navbar.component.html',
  styleUrls: ['./swiftlog-navbar.component.css']
})
export class SwiftlogNavbarComponent {

Lorsque je lance yarn start, j'obtiens l'erreur suivante

WARNING in ./src/main/webapp/app/swiftlog-navbar/swiftlog-navbar.component.ts [4, 13] : Le sélecteur du composant "SwiftlogNavbarComponent" devrait être nommé undefined ( https://angular.io/styleguide#style-05-02 )'

Une idée de ce que signifie "devrait être nommé non défini", quelle règle du fichier tslint est appliquée ici, ou ce que je fais de travers ? Je ne trouve aucun indice dans le guide de style cité ci-dessus.

Merci, Mart

Answer 1

Si vous utilisez angular-cli, essayez d'ajouter votre propre préfixe au angular-cli.json :

apps: [
  {  ..., "prefix": "swiftlog"}
]

modifiez également la configuration de tslint :

"component-selector": [true, "element", "swiftlog", "kebab-case"],

aquí la référence à cette propriété de configuration.