十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊
量身定制 + 運營維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
這篇文章主要介紹了如何解決使用bootstrap的dropdown部件時報錯的問題,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

問題描述:使用bootstrap的dropdown部件,打開網(wǎng)頁后點擊dropdown,報了如下錯誤:error:Bootstrap dropdown require Popper.js

bootstrap代碼(只要是含dropdown部件的都可以啦)為:
看錯誤提示,應(yīng)該是要導(dǎo)入Popper.js文件,網(wǎng)上查了下方法,可以直接工程目錄下使用npm安裝:npm install --save popper.js
安裝好后,我們可以在目錄下找到node_modules文件夾,然后將popper.js文件引入html()。
保存好刷新網(wǎng)頁再試了一下,發(fā)現(xiàn)還是不行,仍報了剛才的錯誤。于是我檢查了一下node_modules->dist文件夾下的popper.js文件,發(fā)現(xiàn)有3個這樣的文件(esm和umd文件夾下也各有一個popper.js文件)。再于是我把它們分別引入后再操作一下dropdown部件,最后在引入umd文件下的popper.js后^_^,bingo--終于是可以用了YY。雖然不知道為啥會這樣,但也算是成功解決了問題。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“如何解決使用bootstrap的dropdown部件時報錯的問題”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!