将 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

对于任何想知道的人，通过将 import { $ } from 'jquery' 更改为 import * as $ from 'jquery' 来解决它

Answer 2

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

import 'jquery';

如果您使用本机浏览器加载程序执行此操作，此时它需要一个文件扩展名，因此普通浏览器版本将是：

import './jquery.js';

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