Я работаю в angular 8 и добавил начальную загрузку через npm, используя следующие команды
npm install jquery
npm install popper.js
npm install ngx-bootstrap bootstrap@4.1.1
(пробовал также установить загрузчик npm)
и обновил мой angular.json, как показано ниже, со стилями и скриптами.
"styles": [
"src/styles.css",
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"./node_modules/font-awesome/css/font-awesome.css"
],
"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"
]
Я добавил код раскрывающегося списка в html-файл, но он не работает при проверке в консоли. Я получаю ошибку popper.min.js. Пожалуйста, помогите, поскольку я пришел сюда после того, как попробовал все возможные предложения, доступные в stackoverflow и других сайтах.
и html-скрипт:
<div class="col-6 text-left">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown">
Project A
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Project A</a>
<a class="dropdown-item" href="#">Project B</a>
<a class="dropdown-item" href="#">Project C</a>
<a class="dropdown-item" href="#">Project E</a>
</div>
</div>
@ Тони Нго, пожалуйста, найдите скриншот (после изменения порядка поппера и начальной загрузки)
