Typescript 组件选择器应命名为 undefined

Question

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

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

当我运行 yarn 启动时，出现以下错误

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)'

知道 "should be named undefined" 是什么意思吗，这里应用了 tslint 文件中的哪个规则，或者我做错了什么？我在上面引用的样式指南中找不到任何线索。

谢谢，玛特

Answer 1

如果您正在使用 angular-cli，请尝试将您自己的前缀添加到 angular-cli。json:

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

同时更改您的 tslint 配置：

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

here 引用此配置属性.

Typescript 组件选择器应命名为 undefined

Typescript component selector should be named undefined

angular

typescript

yarnpkg

tslint