美文网首页
angualr项目创建的时候引用jQuery

angualr项目创建的时候引用jQuery

作者: 白云若水 | 来源:发表于2019-08-12 20:30 被阅读0次

本文介绍了如何在 Angular4+ 项目中引入 jQuery 的包,也就是在 Angular4+ 的项目中使用 jQuery。

准备

npm(相信 Angular 项目中,本机肯定有 npm)

良好的网络(之所以把网络写到这里,是因为由于npm仓库在国外的原因,有时候因为网络问题会导致安装失败,这时可以将仓库换为淘宝的仓库,具体方法可百度)

安装 jQuery

使用以下命令进行安装:

# 进入到项目目录# 

安装 jQuery 依赖

npm install --save jquery

# 安装 jQuery ts 依赖

npm install --save @types/jquery

使用

直接在使用的 ts 文件中,引入即可。如:

import * as $ from  'jquery';

...

$('#btnId').on('click',function(){  alert('jQuery!')})

Tips

在安装的时候,有时候会提示依赖有冲突。

使用命令 npm audit fix 进行修复即可。

相关文章

网友评论

      本文标题:angualr项目创建的时候引用jQuery

      本文链接:https://www.haomeiwen.com/subject/ezypjctx.html