代码之家  ›  专栏  ›  技术社区  ›  Ronaldo Lanhellas

在two angular.json和带angular的模块中使用jquery

  •  1
  • Ronaldo Lanhellas  · 技术社区  · 7 年前

    我有一个在某些地方使用jquery的模板,所以在我的 angular.json 我有以下几点:

    "scripts": [
      "node_modules/jquery/dist/jquery.js",
      "src/assets/vendor/slimscroll/slimscroll.min.js",
    ]
    

    这很管用,因为 slimscroll.min.js 需要jQuery。但我也需要jquery home.component.ts ,因此我从安装了jquery npm install 并导入到typescript中,如下所示:

    import * as $ from 'jquery';
    

    但通过这种方式,jquery在两个地方导入: vendor.js 和 scripts.js .这不是一个好的做法。如果我只将jquery放在typescript中, slimscroll.min.js(最小值) 不起作用,我得到错误:

    未定义jquery

    那么,如何解决这个问题并在两个地方使用jquery呢?

    1 回复  |  直到 7 年前
        1
  •  2
  •   Juan Carlos Quiles Estruch    7 年前

    (我的英语很差)

    为了解决这个问题,您可以在使用它的组件中尝试这个方法,

    declare var jquery:any;
    declare var $ :any;
    

    希望对你有用。

    推荐文章