Typescript cannot find name '$' after importing jquery?

Question

I am using TypeScript 1.4.1, and have a project laid out like so:

scripts/
    libs/
        jquery/
            jquery.d.ts // Latest from DefinitelyTyped
            jquery.js // 2.1.3
        lodash/
            lodash.d.ts // Latest from DefinitelyTyped
            lodash.js // 3.3.1
    main/
        test.ts

My main/test.ts contains the following:

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

import _ = require("lodash");
import $ = require("jquery");

function requireExistingElement($el: $.JQuery) {
    if(_.isUndefined($el) || _.isNull($el) || $el.length === 0) {
        throw new Error("It appears the requested element does not exist?");
    }
}

requireExistingElement($("body"));

This is compiled with the following command:

tsc --module amd scripts/main/test.ts

I expect this to run correctly, but when I compile it I get:

scripts/main/test.ts(7,38): error TS2304: Cannot find name '$'.
scripts/main/test.ts(13,24): error TS2304: Cannot find name '$'.

My question is: How do I reference jquery given that the above is not working? Or, am I just doing something wrong?

curpa · Accepted Answer · 2015-03-02 19:13:32Z

5

change ($el: $.JQuery) to ($el: JQuery)

$ is a variable, so it can't be used in a type annotation. JQuery is an interface, so it can be used in a type annotation.

answered Mar 2, 2015 at 19:13

curpa

2,4101 gold badge16 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Smartboy Over a year ago

You're right, that was the problem. It seems very non-obvious but it does make sense. Thanks!

flash Over a year ago

@curpa I also have a similar question. Wanted to see if you can help me.

Alamgir · Accepted Answer · 2018-09-06 12:02:51Z

1

just install jquery library

yarn add @types/jquery --save

typescript will automatically import this library.

if you want to install with npm instead of yarn, code should be as like

npm install --save @types/jquery

edited Sep 6, 2018 at 12:02

Alamgir

6868 silver badges15 bronze badges

answered Sep 6, 2018 at 11:58

user10318357

175 bronze badges

Collectives™ on Stack Overflow

Typescript cannot find name '$' after importing jquery?

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related