无法将JQuery导入TypeScript文件

Question

在安装jquery和@types/jquery之后，我似乎无法使JQuery在我的打字稿文件中工作。

如果我使用：

import * as $ from 'jquery';
$("#test").addClass("className");

我在$("#test")上遇到以下错误：

TS2349: Cannot invoke an expression whose type lacks a call signature.

如果我遵循WebStorm的建议将导入更改为：

import $ from 'jquery';

然后没有错误显示，但是在尝试编译文件时出现错误：

error TS1192: Module '"C:/Users/Home/Desktop/react/hello-world/node_modules/@types/jquery/index"' has no default export.

我看过其他十几个StackOverFlow帖子，没有任何帮助。有什么想法吗？

Answer 1

尝试将allowSyntheticDefaultImports标志添加到您的tsconfig或--allowSyntheticDefaultImports脚本中。

另一种选择是尝试使用esModuleInterop标志。

参考文献：

• https://www.typescriptlang.org/docs/handbook/compiler-options.html
• https://github.com/jspm/jspm-cli/issues/1497
• https://github.com/wmonk/create-react-app-typescript/issues/214

您需要TypeScript 1.8.0或更高版本