将jQuery与ASP.NET Core 2 React模板一起使用

Question

我正在尝试基于ASP.NET Core 2.0中的新React模板构建Web应用程序

我想通过jQuery提出ajax请求。 我的问题是，默认情况下，模板使用TypeScript（tsx）文件，如果我尝试按照以下方式进行操作

import { $ } from 'jquery'

我收到一个TypeScript错误，该错误无法确定$的类型。

按照这个答案https://stackoverflow.com/a/32052431/8991878 ，我继续进行了npm install --save-dev @types/jquery 。

第一个错误消失了，但是现在我明白了

模块“ jquery：没有导出的成员$。

我发现另一篇文章建议删除大括号{} 。 完成之后，我得到了

模块“ jquery”没有默认导出

我是一个后端开发人员，而且我在TypeScript和jQuery方面都没有很多经验，所以我想我只是在做一些愚蠢的错误操作。

我在https://www.typescriptlang.org/docs/handbook/module-resolution.html上了解了TypeScript的模块分辨率，并且确实确认我的package.json文件具有"@types/jquery": "^3.2.16" 。 我在node_modules和node_modules/@types也都有jquery

Answer 1

我相信正确的jQuery导入样式是最简单的形式：

import 'jquery';

如果使用本机浏览器加载器执行此操作，则此刻将需要文件扩展名，因此普通浏览器版本为：

import './jquery.js';

（这是将实际的jQuery文件复制到根目录，因此浏览器不必导航到node_modules。

Answer 2

对于任何想知道的人，都可以通过将import { $ } from 'jquery'更改import { $ } from 'jquery'的import * as $ from 'jquery'