TypeScript with Jquery

Question

I am getting this error "Uncaught ReferenceError: $ is not defined" please find my code below.

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

class Test {
    name: string;

    constructor() {
        this.name = "gowtham";
    }

    dispname() {
        alert("Name :" + this.name);
    }
}

$(document).ready(function () {

    debugger;
    var test = new Test();
    $('#test').on('click', function() {
        debugger;
        test.dispname();
    });

});

i am having the referance too reference path="jquery.d.ts" in my .ts file. Am i missing anything here .?

can you update your code to include the reference as well? are you sure that it's in the right path? — Nitzan Tomer, Feb 05 '16 at 15:02
never mind, it's there, I edited the question with code formatting. still, are you sure the `d.ts` file is in the same path? — Nitzan Tomer, Feb 05 '16 at 15:03

score 3 · Accepted Answer · edited May 23 '17 at 10:30

3

You're getting a runtime error because you haven't loaded JQuery properly, if the issue was with the typings then you would've seen a compiler error.

See existing question: Uncaught ReferenceError: $ is not defined?

edited May 23 '17 at 10:30

Community

1
1

answered Feb 05 '16 at 15:21

Vadim Macagon

14,463
2
52
45

TypeScript with Jquery

1 Answers1

Linked