jquery - 无法将 jQuery 添加到角度 cli 项目

Question

我想在我的 Angluar CLI 项目中使用 jQuery。我已经尝试过这里的说明:https://www.gurustop.net/blog/2016/11/18/3821/jquery-angular2-angularcli-how-to

1. 安装 jQuery

   npm install --save jquery;
   

2. 安装 jQuery 类型定义以进行类型检查。

   npm install --save-dev @types/jquery
   

3. 在"scripts"数组里面添加jquery文件的refeneceangular-cli.json 文件。

   "scripts": [
      "../node_modules/jquery/dist/jquery.min.js"
   ]
   

4. 在我的 app.component.ts 文件中导入 jquery

   import { Component } from '@angular/core';
   import * as jQuery from 'jquery';
   
   @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.scss']
   })
   export class AppComponent {
     title = 'app';
     test = jQuery("body");
   }
   

但是，当我执行 ng build 时，出现以下错误:

ERROR in ./src/app/app.component.ts (2,25): Module ''jquery'' resolves
to a non-module entity and cannot be imported using this construct.

如果我删除 import * as jQuery from 'jquery'; 和 `ng build' 我得到:

ERROR in ./src/app/app.component.ts (10,10): Cannot find name 'jQuery'.

不知道从这里去哪里。

更新 1

基于@Saravana 发布的内容。如果我只是执行 declare const $: JQueryStatic 和 ng build，我会得到错误:

ERROR in ./src/app/app.component.ts (2,19): Cannot find name 'JQueryStatic'.

但如果我在他删除之前按照 Saravana 在他的第一篇帖子中建议的那样去做。

import "jquery"; 
declare const $: JQueryStatic;

它毫无怨言地构建。所以我认为 Saravana 你应该回复你的帖子。

Answer 1

由于 jQuery 库添加了全局变量 $ 和 jQuery，您只需声明变量即可:

import "jquery"; 
declare const $: JQueryStatic;