名称'$'在当前作用域中不存在 - 模块内的typescript和jquery

Question

Im getting an error when trying to use jquery inside a class or module:

/// <reference path="../jquery.d.ts" />

element: jQuery; // all is good
elementou: $;    // all is fine



class buggers{
    private element: jQuery;   // The name jQuery does not exist in the current scope
    private elementou: $;      // The name $ does not exist in the current scope
}

module something {
    class buggers{
        private element: jQuery;   // The name jQuery does not exist in the current scope
        private elementou: $;      // The name $ does not exist in the current scope
    }
}

I have no idea how to fix this.

Answer 1

You're using $ and jQuery as if they were types. Taking the d.ts from DefinitelyTyped , the type you are looking for is either JQuery or JQueryStatic

$ and jQuery should already be declared vars in the d.ts file:

declare var jQuery: JQueryStatic;
declare var $: JQueryStatic;

... but if you feel you need to declare them again in your class, you might want to try:

class buggers{
    private element: JQuery;   // JQuery object. You'll need to assign something to this before you can use it. e.g element = $('selector');
    private elementou: JQueryStatic;      // Reference to the $ JQuery Static object
}

Answer 2

I see that you did this, but I had overlooked this important step. Remember to include the definition reference at the top of your TS file.

/// <reference path="../../assets/js/libs/typedefs/jquery-1.8.d.ts" />