jQuery not recognized in Typescript files

Question

I'm working with a web api project involving typescript. It's not recognizing the jquery symbol $ in the typescript files. Google says all I have to do is this:

npm install --save @types/jquery

It doesn't work.

I know this depends on package.json being available. What does package.json have to look like?

Possible duplicate of TypeScript and libraries such as jQuery (with .d.ts files) — PM 77-1
– PM 77-1, Commented Aug 4, 2017 at 16:13

libertyernie · Accepted Answer · 2017-08-04 20:21:03Z

2

If this is a Visual Studio project that doesn't have npm set up, there are a couple of other ways to do this. The best is probably to install the NuGet package jquery.form.TypeScript.DefinitelyTyped, which will add the file /Scripts/typings/jquery/jquery.d.ts (at least on a classic ASP.NET project, not sure about Core.)

Another thing you can do is tell TypeScript to let you use $ without checking anything:

declare var $: any;'

answered Aug 4, 2017 at 20:21

libertyernie

2,7041 gold badge19 silver badges13 bronze badges

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

Comments

wartoshika · Accepted Answer · 2017-08-05 05:19:56Z

1

You need to make sure that your @types/* are registered in your tsconfig.json. Like this:

{
    "compilerOptions": {
        ...
        "typeRoots": [
            "./node_modules/@types"
        ],
        ...
    }
}

Another idea is to use import * as $ from 'jquery';

answered Aug 5, 2017 at 5:19

wartoshika

5414 silver badges12 bronze badges

Collectives™ on Stack Overflow

jQuery not recognized in Typescript files

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related