Bootstrap的下拉菜单dropdown失效

前言

运用了bootstrap-table的分页后，点击分页，无反应，F12展示console控制台报Bootstrap’s dropdowns require Popper.js 异常


这句报错，初步判断就是确实了popper.js包，于是我点进去看了看bootstrap的javascript代码，确实需要导入popper.js

解决Bootstrap’s dropdowns require Popper.js

方法一：

很明显，需要引入popper.js，

but，经过测试，使用如下两个均不可以解决问题：

https://cdn.bootcss.com/popper.js/1.15.0/popper.js

https://cdn.bootcss.com/popper.js/1.15.0/esm/popper.js

应当只调入umd文件夹中的popper.js文件，同样需要在Bootstrap文件之前调入，经测试可以解决。

https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js

<script src=“https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js”></script>

但我向来不喜欢自己的工程里出现这种要联网的资源，很不靠谱，所以

在resource新建一个popper文件夹再新建一个popper.js的空文件

然后粘贴网页https://cdn.bootcss.com/popper.js/1.15.0/umd/popper.js的内容到popper.js的空文件

引用即可：<script src=“/res/popper/popper.js”></script>

注意：popper.js文件的引用要在bootstrap.js之前

方法二：安装Node

npm install popper.js --save

然后我收到此消息

popper.js@1.12.7
在1.215秒内添加了1个程序包

那么"添加包裹"在哪里？非常有用，对吗？我在我的C：\ Users \ surasin \ node_modules \ popper.js \ dist中找到了它.

然后将它popper.js拷到resource引用即可。