Comment faire pour utiliser jQuery avec Tapuscrit

Très probablement, vous devez télécharger et inclure les Tapuscrit de la déclaration de fichier pour jQuery—jquery.d.ts—dans votre projet.

Option 1: Installation de l' @package types (Recommandé pour les TS 2.0+)

Dans le même dossier que votre paquet.json fichier, exécutez la commande suivante:

npm install --save-dev @types/jquery

Ensuite, le compilateur va résoudre les définitions de jquery automatiquement.

Option 2: Télécharger Manuellement (Pas Recommandé)

Télécharger ici.

Option 3: Utilisation de Typings (Pré TS 2.0)

Si vous utilisez typings vous pouvez inclure cette façon:

//1. Install typings
npm install typings -g
//2. Download jquery.d.ts (run this command in the root dir of your project)
typings install dt~jquery --global --save

---

Après la configuration, le fichier de définition, de l'importation de l'alias ($) le Tapuscrit de fichier à utiliser comme vous le feriez normalement.

import $ from "jquery";
//or
import $ = require("jquery");

Vous pouvez avoir besoin de compiler avec --allowSyntheticDefaultImports—ajouter "allowSyntheticDefaultImports": true dans tsconfig.json.

Aussi Installer le Paquet?

Si vous n'avez pas installé jquery, vous voulez probablement pour l'installer en tant que dépendance via npm (mais ce n'est pas toujours le cas):

npm install --save jquery

Dans mon cas, j'ai eu à faire ce

npm install @types/jquery --save-dev //install jquery type as dev dependency so TS can compile properly
npm install jquery --save //save jquery as a dependency

Puis dans le fichier de script A.ts

import * as $ from "jquery";
... jquery code ...

Angulaire de la CLI V7

npm install jquery --save
npm install @types/jquery --save

Assurez-vous que jquery a une entrée dans angulaire.json -> scripts

...
        "scripts": [
          "node_modules/jquery/dist/jquery.min.js"
        ]
...

Aller à tsconfig.app.json et d'ajouter une entrée dans "types"

{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"types": ["jquery","bootstrap","signalr"]
},
"exclude": [
"test.ts",
"**/*.spec.ts"
]
}

Si vous souhaitez utiliser jquery dans une application web (par exemple, Réagir) et jquery est déjà chargé avec <script src="jquery-3.3.1.js"...

Sur la page web que vous pouvez faire:

npm install --save-dev @types/query
and the use it with:
let $: JQueryStatic = (window as any)["jQuery"];

vous n'avez donc pas besoin de charger jquery une seconde fois (avec npm install --save jquery)
mais ils ont tous les avantages de la Machine

Voici mon Tapuscrit & jQuery config étapes.

Il fait de jQuery prise en charge des types de travail mieux que la plupart des articles dans l'internet . ( Je crois. )

première:

npm install jquery --save
npm install @types/jquery --save-dev

seconde( très très très important ! ! ! ):

import jquery = require("jquery");



//this helps TypeScript to understand jQuery best !!!  otherwise It will confused .
const $: JQueryStatic = jquery;

ensuite , Vous Pouvez Profiter de :

$(document).ready(function () {
    $('btn').click(function () {
       alert('I am clicked !')
    }
}

Il est lisse et soyeuse !!!