Раскрывающееся меню Bootstrap не отображается - PullRequest
1 голос
/ 19 апреля 2020

Я говорю о Angular, потому что он в моем проекте, но он не работает в основном html веб-сайт тоже. Я знаю, что этот вопрос задавался несколько раз, но мое выпадающее меню не работает! Я просто не хочу реализовывать базовые выпадающие меню, такие как:

<div class="dropdown-menu">
<span class="dropdown-item-text">Dropdown item text</span>
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>

Только что скопировал bootstrap документацию.

Итак, я вижу, что этот код при записи в режиме проверки в Google chrome но не отображается на моем веб-сайте.

У меня 1 ошибка:

Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.
at Object.jQueryDetection (bootstrap.js:240)
at bootstrap.js:255
at bootstrap.js:9
at bootstrap.js:10

Поскольку у меня есть эта ошибка, я проверяю, было ли jQuery объявлено ранее Bootstrap. Я попал в angular. json (я также проверяю путь):

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

Я использую некоторые другие Bootstrap шаблоны, и это отлично работает. Спасибо за ваш ответ.

1 Ответ

0 голосов
/ 20 апреля 2020

попробуйте этот порядок:

"styles": [
          "node_modules/bootstrap/dist/css/bootstrap.css",
          "src/styles.scss"
        ],
"scripts": [
          "node_modules/jquery/dist/jquery.js",
          "node_modules/bootstrap/dist/js/bootstrap.js",
          "node_modules/bootstrap/dist/js/bootstrap.bundle.js"
        ],
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...