首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在TypeScript中使用jQuery

如何在TypeScript中使用jQuery
EN

Stack Overflow用户
提问于 2015-08-17 20:38:39
回答 5查看 282.9K关注 0票数 187

我在努力

代码语言:javascript
复制
$(function(){ 
    alert('Hello'); 
});

它在Visual Studio中显示了这个错误:(TS) Cannot find name '$'.。如何在TypeScript中使用jQuery?

EN

回答 5

Stack Overflow用户

发布于 2018-10-16 14:24:08

在我的情况下,我不得不这样做

代码语言:javascript
复制
npm install @types/jquery --save-dev // install jquery type as dev dependency so TS can compile properly
npm install jquery --save // save jquery as a dependency

然后在脚本文件A.ts

代码语言:javascript
复制
import * as $ from "jquery";
... jquery code ...
票数 37
EN

Stack Overflow用户

发布于 2019-01-20 03:08:40

对于Angular CLI V7

代码语言:javascript
复制
npm install jquery --save
npm install @types/jquery --save

确保jquery在angular.json ->脚本中有一个条目

代码语言:javascript
复制
...
    "scripts": [
        "node_modules/jquery/dist/jquery.min.js"
    ]
...

转到tsconfig.app.json并在"types“中添加一个条目

代码语言:javascript
复制
{
    "extends": "../tsconfig.json",
    "compilerOptions": {
        "outDir": "../out-tsc/app",
        "types": ["jquery","bootstrap","signalr"]
    },
    "exclude": [
        "test.ts",
        "**/*.spec.ts"
    ]
}
票数 29
EN

Stack Overflow用户

发布于 2019-05-14 21:20:05

如果您想在web应用程序(例如React)中使用jquery,并且已经使用<script src="jquery-3.3.1.js"...加载了jquery

在网页上,您可以执行以下操作:

代码语言:javascript
复制
npm install --save-dev @types/query
and the use it with:
let $: JQueryStatic = (window as any)["jQuery"];

因此,您不需要再次加载jquery (使用npm install --save jquery),但具有Typescript的所有优点

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32050645

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档