美文网首页
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