如何在 Angular 5 和 TypeScript 2.8.1 中使用 jQuery 插件？

Question

我想使用 TypeScript 2.8.1 在 Angular 5 项目中导入 jQuery。 我关注Ervin Llojku solution，但这不是诀窍：

使用 npm 安装 jquery

npm install --save jquery

使用 npm 安装 jquery

npm install --save-dev @types/jquery

将脚本添加到 .angular-cli.json

"apps": [{
  ...
  "scripts": [
    "../node_modules/jquery/dist/jquery.min.js",
  ],
  ...
}]

我也尝试在 app.module.ts 或组件中添加这些导入：

import * as $ 'jquery';

无论我尝试什么 TypeScript 编译器都会抛出这个错误：

Error:(7, 15) TS2497: Module ''jquery'' resolves to a non-module entity and cannot be imported using this construct.

Answer 1

我已经关注another answer 并替换了

import * as $ 'jquery';

与

import 'jquery';

在 app.module.ts 中，一切似乎都正常。

我仍然不知道这个错误是由 Angular 5 还是 TypeScript 2.8.1 引起的...

或者可能是 Angular 生成的 tsconfig.json ：

"compilerOptions": {
  "moduleResolution": "node",
}