打字稿组件选择器应命名为未定义

Question

在我的 Angular 应用程序中，我有一个组件被另一个组件的 html 引用，所以我在烤肉串的情况下给了它一个选择器，如下所示：

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

运行 yarn start 时出现以下错误

./src/main/webapp/app/swiftlog-navbar/swiftlog-navbar.component.ts 中的警告 [4, 13]：组件“SwiftlogNavbarComponent”的选择器应该命名为undefined (https://angular.io/styleguide#style-05-02)'

任何想法“应该命名为未定义”是什么意思，tslint 文件中的哪个规则被应用在这里，或者我做错了什么？我在上面引用的样式指南中找不到任何线索。

谢谢，马特

Answer 1

如果您使用 angular-cli，请尝试将您自己的前缀添加到 angular-cli.json：

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

同时更改您的 tslint 配置：

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

here 对此配置属性的引用。