Селектор компонента Typescript должен иметь имя undefined

Question

В моем угловом приложении у меня есть компонент, на который ссылается html другого компонента, поэтому я дал ему селектор в случае с кебабом следующим образом:

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

Когда я запускаю запуск пряжи, я получаю следующую ошибку

ПРЕДУПРЕЖДЕНИЕ в./src/main/webapp/app/swiftlog-navbar/swiftlog-navbar.component.ts [4, 13]: селектор компонента "SwiftlogNavbarComponent" должен иметь имя undefined ( https://angular.io/styleguide)'

Любые идеи, которые означают "должны быть названы неопределенными", какое правило в файле tslint применяется здесь, или что я делаю неправильно? Я не могу найти никаких подсказок в приведенном выше руководстве по стилю.

Спасибо, март

Answer 1

Если вы используете angular-cli, попробуйте добавить свой собственный префикс в angular-cli.json:

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

также измените ваш конфиг tslint:

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

здесь ссылка на это свойство конфигурации.