typescript - Visual Studio Code 中的红色下划线

Question

我有这些红色的花体:

我正在创建带下划线的变量，如下所示:

import SearchFilterViewModel = SearchFilter.SearchFilterViewModel;
import SearchResultsViewModel = SearchResults.SearchResultsViewModel;
import AddProductViewModel = AddProduct.AddProductViewModel;
import Validator = Validation.Validator;

module Bindings {
    export class Binder {
        constructor() {
            searchFilterViewModel = new SearchFilterViewModel();
            searchFilterViewModel.errors = ko.validation.group(searchFilterViewModel);
            searchResultsViewModel = new SearchResultsViewModel();
            addProductViewModel = new AddProductViewModel();
            ko.applyBindings(searchFilterViewModel, $("#search-filter-page")[0]);
            ko.applyBindings(searchResultsViewModel, $("#search-results-page")[0]);
            ko.applyBindings(addProductViewModel, $("#add-product-page")[0]);
        }
    }
}

然后:

$(document).ready(function () {
    //apply bindings
    var binder = new Binder();
}

因此代码可以正常编译并运行。如何去掉那些红色下划线？

Answer 1

您必须声明属性(默认为公共(public)):

module Bindings {
    export class Binder {
        searchFilterViewModel:SearchFilterViewModel;
        constructor() {
            this.searchFilterViewModel = new SearchFilterViewModel();