这个错误是什么意思“实例方法声明后不允许声明实例字段。”

Question

在我的 Angular2 项目中，我收到此错误：

“声明实例方法后不允许声明实例字段。相反，这应该出现在类/接口的开头。（成员排序）”

我想了解如何解决这个问题以及为什么我会得到这个。

该错误与下一段代码中的私有函数有关：

 export class HomeComponent implements OnInit {
public error: string;
public shirts = [];

constructor(public rest: RestService,
            public scService: ShoppingCartService,
            public snackBar: MdSnackBar) {
}

ngOnInit() {
    this.rest.getAll().subscribe((r: any) => {
        this.shirts = r;
    }, error => {
        this.error = 'Opps there\'s some error';
    });

}

addToCart(shirt: any) {
    this.scService.add(shirt);
    this.showSnackMessage('Added to Chart List');
}

showSnackMessage(message: string) {
    this.snackBar.open(message, null, {
        duration: 1000
    });
}
//Here the error is showed
private sizeScore = {
    'string': -1,
    s: 0,
    m: 1,
    l: 2,
    'x-large': 3,
};

sortData(sort: Sort) {
    const data = this.shirts.slice();
    if (!sort.active || sort.direction === '') {
        this.shirts = data;
        return;
    }

    this.shirts = data.sort((a, b) => {
        let isAsc = sort.direction === 'asc';
        switch (sort.active) {
            case 'colour':
                return compare(a.colour, b.colour, isAsc);
            case 'size':
                return compare(this.sizeScore[a.size], this.sizeScore[b.size], isAsc);
            default:
                return 0;
        }
    });
}
}

原文由 Jakub 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我猜你的项目有某种类型的 linting 设置，可以在构建时检查样式问题。

要修复它，你只需要按照它说的去做。将代码向上移动到任何方法调用之前。

 export class HomeComponent implements OnInit {
public error: string;
public shirts = [];
private sizeScore = {
    'string': -1,
    s: 0,
    m: 1,
    l: 2,
    'x-large': 3,
};
// ...

原文由 DeborahK 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

这实际上不是编译/运行时错误，而是代码检查问题。

将类的所有属性放在方法之上是一种很好的做法，因此如果您只是将 private sizeScore 移到顶部，它将停止显示。

有关此规则的更多信息， 请点击此处。

原文由 Edmundo Rodrigues 发布，翻译遵循 CC BY-SA 3.0 许可协议