как использовать jquery в javascript файле, включенном в angular. json

Question

Я использую файл javascript, в котором используется jquery. Чтобы использовать этот файл js, я помещаю его в массив скриптов в файле angular. json и помещаю также jquery в тот же массив перед этим файлом. но когда я запускаю проект angular, он получает

missing declare for $

"scripts": [
   "node_modules/jquery/dist/jquery.min.js"
   "node_modules/popper.js/dist/umd/popper.min.js",
   "node_modules/bootstrap/dist/js/bootstrap.min.js",
   "node_modules/crypto-js/crypto-js.js",
   "assets/js/theme.js"
]

тему файла. js - это та, которая использует jquery в ней.

Answer 1

Предполагается, что вы установили JQuery с использованием npm install jquery Вам также необходимо дополнительно установить типы.

Установить типы для jquery с использованием

npm install --save-dev @types/jquery

и для использования jquery в вашем компоненте необходимо использовать:

import * as $ from 'jquery';

Answer 2

Для установки JQuery выполните следующие шаги

1. установите jQuery, используя npm в качестве

   npm install jquery — save

2. Перейдите к файлу ./angular-cli.json в root вашей папки проекта CLI Angular, найдите свойство scripts: [] и укажите путь к jQuery

   "scripts": [ "../node_modules/jquery/dist/jquery.min.js" ]

3. Теперь вам нужно импортировать его в любой компонент, который вы хотите использовать jQuery

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