Utilisation de jQuery avec le modèle React pour ASP.NET Core 2 - jquery, reactjs, typescript, asp.net-core, module

J'essaie de créer une application Web basée sur la nouvelle Modèle React dans ASP.NET Core 2.0

Je veux faire une requête ajax via jQuery. Mon problème est que le modèle utilise par défaut des fichiers TypeScript (tsx) et si j'essaie de faire quelque chose dans le sens de

import { $ } from "jquery"

J'ai une erreur TypeScript, qui dit qu'il ne peut pas déterminer le type pour $.

Suite à cette réponse https://stackoverflow.com/a/32052431/8991878, Je suis allé de l'avant et a fait un npm install --save-dev @types/jquery.

La première erreur est partie, mais maintenant je reçois

Module "jquery: n'a pas de membre exporté $.

Un autre post que j'ai trouvé suggéré enlever les accolades {}. Après avoir fait ça J'ai plutôt eu

Le module "jquery" n'a pas d'export par défaut

Je suis un développeur back-end et je n'ai pas beaucoup d'expérience avec TypeScript et jQuery, alors je suppose que je ne fais que quelque chose de stupide.

J'ai lu sur la résolution du module de TypeScript ici https://www.typescriptlang.org/docs/handbook/module-resolution.html et j'ai vérifié que mon fichier package.json a "@types/jquery": "^3.2.16". J'ai aussi jquery dans les deux node_modules et node_modules/@types

Réponses:

1 pour la réponse № 1

Je crois que le bon style d'importation pour jQuery est la forme la plus simple:

import "jquery";

Si vous faites cela avec le chargeur de navigateur natif, il aura besoin d'une extension de fichier pour le moment, donc la version de navigateur simple serait:

import "./jquery.js";

(C’est avec le fichier jQuery en cours de copie à la racine, le navigateur ne doit donc pas naviguer dans node_modules

---

1 pour la réponse № 2

Pour ceux qui se demandent, résolus en changeant import { $ } from "jquery" à import * as $ from "jquery"

---