打字稿组件选择器应命名为undefined

Question

In my angular application, I have a component which is referred to by the html of another component, so I gave it a selector in kebab case as follows:

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

When I run yarn start I get the following error

WARNING in ./src/main/webapp/app/swiftlog-navbar/swiftlog-navbar.component.ts [4, 13]: The selector of the component "SwiftlogNavbarComponent" should be named undefined ( https://angular.io/styleguide#style-05-02 )'

Any ideas what is meant by "should be named undefined", which rule in the tslint file is being applied here, or what I am doing wrong? I can't find any clues in the styleguide quoted above.

Thanks, Mart

Answer 1

If you are using angular-cli try to add your own prefix to the angular-cli.json:

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

also change your tslint config:

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

here the reference to this config property.