Получение исключения jQuery должно быть включено до Bootstrap JavaScript

Question

Я получаю ниже исключения

bootstrap. js: 240 Uncaught TypeError: Bootstrap 'JavaScript требуется jQuery. jQuery должен быть включен до Bootstrap JavaScript

в Object.jQueryDetection (bootstrap. js: 240) в bootstrap. js: 255 в bootstrap . js: 9 в bootstrap. js: 10

Это мой код в Angular.json

"styles": [
  "src/styles.css",
  "node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": 
[
  "node_modules/jquery/dist/jquery.js",
  "node_modules/bootstrap/dist/js/bootstrap.js"           
]

Как я могу исправить эту проблему?

Answer 1

Если вы хотите использовать bootstrap в своем приложении или если у вас уже есть в вашем проекте, обязательно включите jQuery перед включением файла bootstrap JavaScript. Файл JavaScript Bootstrap требует jQuery.

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

После включения jQuery прекратите запуск приложения Angular CLI. Затем перезапустите его, используя ng serve.

И затем, если вы хотите использовать jQuery в своем коде в какой-то момент, все, что вам нужно сделать, это импортировать его в любой компонент, который вы хотите используйте jQuery.

import * as $ from 'jquery';

или

declare var $: any;

Answer 2

Конечно, "node_modules/jquery/dist/jquery.min.js" должен входить в "сценарии"?

"styles": [
  "src/styles.css",
  "node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": 
[
  "node_modules/jquery/dist/jquery.min.js",
  "node_modules/bootstrap/dist/js/bootstrap.js"           
]

И теперь дублируемый jQuery файл ""node_modules/jquery/dist/jquery.js" должен быть удален.