在Typescript中导入jQuery和其他库

Question

after days of research and struggeling I have to ask here to fine someone to clearify the process of importing a library in Typescript .

I was used to just add the tag and everything works fine. Now that I´m trying to build a MEAN-Stack application I don´t figure out how that all works with the definition files and such...

WHAT I TRIED SO FAR:

npm install jquery //terminal root: /project/angular-src
npm install @types/jquery //same directory here

then I importet jQuery in the one of my .ts files

import * as $ from 'jquery'; 

I tried out several variations of this ( installing jQuery and @types/jQuery in the project folder instead of the angular-src folder) but none of it worked for me. I thought it would be that simple but maybe I´m missing something out here. I always get some kind of errors like "Generic type 'xyz' requires x arguments" ( like 200 rows of these )

Hope you can help me explain why this doesnt work and how I can make it work

PS: I found similar questions here before but I didnt really find them helpful as I tried them out with no success

Answer 1

You can, in fact, use jQuery with TypeScript. You will need to download the jQuery definition file located here .

With that downloaded, copy the definition file (under the v2 folder, 'index.d.ts' file) to your solution/project.

Once added to your project, you can reference the jQuery definition file by adding this to the top of your .ts file:

///<reference path="../{your-location}/jquery.d.ts"/>

Which should enable jQuery in your TypeScript app.

Answer 2

JQuery和Angular是使用Angular或JQuery的两个独立的事物。