如何在angular.json中包含的javascript文件中使用jquery

我正在使用一个javascript文件，其中使用jquery。。 为了使用这个js文件，我将它放在angular.json文件的脚本数组中 并将jquery放在该文件前面的同一数组中。 但是当我运行angular项目时

missing declare for $

---

文件theme.js就是在其中使用jquery的文件。

要安装

jquery

，请执行以下步骤

使用npm作为安装工具安装jQuery

npm安装jquery-保存

导航到angular cli项目文件夹根目录下的./angular-cli.json文件，找到scripts:[]属性，并包括jQuery的路径

“脚本”：[“./node\u modules/jquery/dist/jquery.min.js”]

现在您需要做的是将它导入到您想要使用jQuery的任何组件中

import * as $ from 'jquery';
(or)
declare var $: any;

---

假设您已经使用npm安装JQuery 您还需要另外安装类型

使用安装jquery的类型

npm install --save-dev @types/jquery

要在组件中使用jquery，您需要使用：

import * as $ from 'jquery';

---

请注意，建议使用npm安装的JQuery，并将其包含在angular-cli.json文件中，如@manikant所示，如果您打算在您的typescript文件中使用它，我认为在同一个应用程序中使用JQuery和angular是异端邪说。它们是完全对立的，不能产生一个干净的应用程序。问题是不能在组件中使用它，它在js文件中不能像使用jquery@HassanAhmed在引导之前使用jquery为什么要同时使用jquery和Angular？别那么做，对我来说这是个大问题。Jquery操作DOM，Angular动态生成DOM。他们不知道彼此的存在和行为，这将导致一个无法维护的应用程序充满了变通方法。更不用说你必须加载两个库而不是一个。在同一个应用程序中使用jQuery和Angular对我来说是异端邪说。它们是完全对立的，不能产生一个干净的应用程序。问题是不能在组件中使用它，它在js文件中不起作用，就像使用jquery的引导程序一样

import * as $ from 'jquery';