在两个angular.json和Angular模块中使用jQuery

Question

我有一个在某些方面使用jQuery的模板，因此在我的angular.json中，我有以下内容：

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

这很好用，因为slimscroll.min.js需要jquery。但是我也需要在home.component.ts中使用jQuery，因此我从npm install安装了jQuery并导入了Typescript，如下所示：

import * as $ from 'jquery';

但是通过这种方式，我在两个地方导入了jQuery：vendor.js和scripts.js。这不是一个好习惯。如果我仅将jQuery放入Typescript中，我的slimscroll.min.js无法正常工作，则会出现错误：

  

未定义jQuery

那么，如何解决此问题并在两个地方使用jQuery？

Answer 1

（我的英语很差）

您可以尝试在使用它的组件中尝试解决此问题，

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

我希望它对您有用。