即使在包含popper.js之後，仍然會出現「未捕獲的錯誤：引導程序下拉列表需要Popper.js」

Angular和Bootstrap的新手和我正在嘗試創建helloworld應用程序。我已經添加需要的庫，但我停留在這個錯誤即使在包含popper.js之後，仍然會出現「未捕獲的錯誤：引導程序下拉列表需要Popper.js」

Uncaught Error: Bootstrap dropdown require Popper.js

我已經加入了popper.js腳本，jQuery的後引導JS面前。但仍然瀏覽器引發錯誤。

請幫忙。

代碼如下所示：

<!DOCTYPE html> 
<html ng-app="helloWorld" lang="en"> 
<head> 

<meta charset="utf-8"> 
<meta name="viewport" 
    content="width=device-width, initial-scale=1, shrink-to-fit=no"> 

<title>Index</title> 

<link href="css/bootstrap.min.css" rel="stylesheet"> 

</head> 

<body ng-controller="mainCtrl">{{message}} 

<script src="js/angular.min.js" type="text/javascript"></script> 
<script src="js/jquery-3.2.1.slim.min.js" type="text/javascript"></script> 
<script src="js/popper.min.js" type="text/javascript"></script> 
<script src="js/bootstrap.min.js" type="text/javascript"></script> 
<script src="app/app.js" type="text/javascript"></script> 
</body> 

</html>

來源

2017-08-17 Pavan

您使用的是popper.js的構建版本？在這種情況下，您需要UMD 1 –

壓縮的一個popper.min.js – Pavan

我下載的版本是v1.12.2。 UMD是哪一個？ – Pavan

這個工作對我說：這是在下載名爲「UMD」的文件夾中

使用popper.js您發現這裏https://popper.js.org
不要將文件保存在與bootstrap.js相同的文件夾中，但創建一個名爲「umd」的單獨文件夾
d bootstrap.js前eclare popper.js

所以，你的情況，改變

<script src="js/popper.min.js" type="text/javascript"></script>

到

<script src="js/umd/popper.min.js" type="text/javascript"></script>

來源

2017-08-24 07:06:29 Konrad

popper-utils不需要 –

好的，謝謝，我剛剛編輯。 – Konrad

有同樣的問題，並解決它。希望能幫助到你！

如果您在項目中使用Bootstrap.js，那麼它需要jquery和popper.js在引導之前運行。下面的步驟可能會解決這個問題：

cd到項目的文件夾或CD項目的引導文件夾中。執行：
```
npm install popper.js --save 
```
轉到http://getbootstrap.com/docs/4.0/getting-started/download/ 下副本的引導CDN部分，其中列明瞭腳本和鏈接內容 - 如果你正在使用我們的編譯的JavaScript，不要忘了包括jQuery和波普爾的CDN版本。 js之前。

你的index.html文件可能看起來像這樣：（基於jQuery開發的版本和popper.js）你基本上是按以下順序尋找3 SCRIPT SRC =「」標籤的jQuery> popper.js> bootstrap.js 注意：編輯器不允許我添加腳本標籤。請添加它們。

src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"> 

src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"> 

src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous">

來源

2017-09-24 06:46:19 Indra4ev3r

Indra4ev3r的回答爲我工作在VS2015更新3的MVC5項目。例如，在引導之前切換popper。

bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
"~/Scripts/umd/popper.js", 
"~/Scripts/bootstrap.js"));

來源

2017-10-04 16:27:06 bflint

即使在包含popper.js之後，仍然會出現「未捕獲的錯誤：引導程序下拉列表需要Popper.js」

回答

相關問題