Visual Studio Code中的紅色下划線

Question

我有這些紅色的sguiggles：

我正在創建帶下划線的變量，如下所示：

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();

Answer 2

所以代碼編譯好並且有效。

僅僅因為代碼生成有效的JavaScript 並不意味着沒有編譯錯誤 。

如果通過tsc運行項目，您很可能會看到錯誤

更多： https ： //basarat.gitbooks.io/typescript/content/docs/why-typescript.html