我正在使用angular 8,并使用以下命令通过npm添加了引导程序
npm install jquery
npm install popper.js
npm install ngx-bootstrap bootstrap@4.1.1
(也尝试过npm install bootstrap)
并使用样式和脚本如下更新我的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>
@Tony Ngo,请找到屏幕截图(更改popper和bootstrap的顺序后)
答案 0 :(得分:1)
您的导入顺序应为
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js",
"node_modules/popper.js/dist/umd/popper.min.js",