商城网站怎么优化,杭州网站建设hzfwwl,子域名大全查询,开发商虚假宣传退房赔偿标准前言#xff1a;前端小白一枚#xff0c;刚注册博客#xff0c;先发个学习过程中新碰到小问题试试水吧~
摘要#xff1a;最近在学习bootstrap#xff0c;偶然碰到了一个小问题#xff0c;bootstrap网站也没有做过多的解释#xff0c;今天分享给大家。
问题描述#x…前言前端小白一枚刚注册博客先发个学习过程中新碰到小问题试试水吧~
摘要最近在学习bootstrap偶然碰到了一个小问题bootstrap网站也没有做过多的解释今天分享给大家。
问题描述使用bootstrap的dropdown部件打开网页后点击dropdown报了如下错误errorBootstrap dropdown require Popper.js bootstrap代码只要是含dropdown部件的都可以啦为 ul classnav nav-tabsli classnav-item dropdowna classnav-link dropdown-toggle data-toggledropdown href# rolebutton aria-haspopuptrue aria-expandedfalseAnimation/adiv classdropdown-menua classdropdown-item href#Action/aa classdropdown-item href#Another action/aa classdropdown-item href#Something else here/adiv classdropdown-divider/diva classdropdown-item href#Separated link/a/div/li
/ul 看错误提示应该是要导入Popper.js文件网上查了下方法可以直接工程目录下使用npm安装npm install --save popper.js
安装好后我们可以在目录下找到node_modules文件夹然后将popper.js文件引入html()。
保存好刷新网页再试了一下发现还是不行仍报了刚才的错误。于是我检查了一下node_modules-dist文件夹下的popper.js文件发现有3个这样的文件esm和umd文件夹下也各有一个popper.js文件。再于是我把它们分别引入后再操作一下dropdown部件最后在引入umd文件下的popper.js后^_^,bingo--终于是可以用了YY。虽然不知道为啥会这样但也算是成功解决了问题。
最后贴上一个参考资料路径https://github.com/twbs/bootstrap/issues/23381
本文转载于:猿2048https://www.mk2048.com/blog/blog.php?idha0ii1jtitle使用bootstrap的dropdown部件时报错errorBootstrap dropdown require Popper.js
