【问题标题】:typescript problem with jquery type definitionjQuery类型定义的打字稿问题
【发布时间】:2020-07-07 04:34:46
【问题描述】:

我使用 Angular 9 通用,Typescript 版本 ~3.7.5,我安装了 jQuery 及其类型定义,使用:

npm i jquery npm i @types/jquery

然后我在 tsconfig 文件的 types 字段中添加了 jQuery。但是,在我运行该应用程序后,我仍然收到此错误:

找不到名称“$”。你需要为 jQuery 安装类型定义吗?尝试“npm i @types/jquery”,然后将“jquery”添加到 tsconfig 中的类型字段。`

这里有什么问题?

【问题讨论】:

  • 你是连续运行npm i jquery npm i @types/jquery这个还是一个接一个。

标签: jquery angular typescript global-variables typescript-typings


【解决方案1】:

安装 jQuery

npm install --save jquery

安装 jQuery 定义

npm install -D @types/jquery

比在这样的组件中包含 jquery

import * as $ from 'jquery';

例子:

$(selector).hide(); 

declare var jQuery: any;

例子:

jQuery(selector).hide(); 

【讨论】:

  • 你怎么知道定义一个$变量?没有它的来源。
  • 我试了一下,编译时没有报错但运行时报错:`core.js:5871 ERROR TypeError: $ is not a function`
  • @roya 第一个或第二个解决方案?如果首先,请将脚本中的“$”替换为“jQuery”。我遇到了同样的错误并修复了它或尝试使用第二种解决方案。
  • 根据angular.io/guide/using-libraries,我将关联的脚本和css文件添加到angular.json中的“scripts”和“styles”数组中。然后我用 $("p").tooltip();
  • 请查看此链接:angularjswiki.com/angular/…
猜你喜欢
  • 2020-05-07
  • 1970-01-01
  • 2020-08-27
  • 2012-11-06
  • 2019-06-15
  • 2018-01-16
  • 2018-12-03
  • 2019-02-10
  • 2016-07-07
相关资源
最近更新 更多