即使在包含popper.js之后，仍然會出現“未捕獲的錯誤：Bootstrap下拉需要Popper.js”

Question

Angular和Bootstrap的新手，我正在嘗試創建helloworld應用程序。 我已經添加了所需的庫但我遇到了這個錯誤

未捕獲的錯誤：Bootstrap下拉列表需要Popper.js

我在jquery之后和bootstrap js之前添加了popper.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>

Answer 1

這對我有用：

在你在這里找到的下載文件中使用名為“umd”的文件夾中的popper.js https://popper.js.org
不要將文件保存在與bootstrap.js相同的文件夾中，而是創建一個名為“umd”的單獨文件夾
在bootstrap.js之前聲明popper.js

所以，在你的情況下，改變

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

至

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

Answer 2

對於MVC5項目，Indra4ev3r的答案適用於VS2015 Update 3。 例如，在bootstrap之前切換popper。

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

Answer 3

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

如果您在項目中使用Bootstrap.js，則需要jquery和popper.js在bootstrap之前運行。 以下步驟可能會解決問題：

cd到Project的文件夾或cd到項目的bootstrap文件夾。 執行：
```
 npm install popper.js --save 
```
轉到http://getbootstrap.com/docs/4.0/getting-started/download/復制Bootstrap CDN部分下的腳本和鏈接內容，該部分說明 - 如果您使用的是我們編譯的JavaScript，請不要忘記包含CDN版本之前的jQuery和Popper.js。

您的index.html文件可能必須如下所示:(基於jquery和popper.js的版本）您基本上按以下順序查找3個腳本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">

Answer 4

我在VisualStudio 2017中也遇到了這個錯誤。

當我刪除此行中的“min”時

    <script src="Scripts/popper.min.js"></script>

如

    <script src="Scripts/popper.js"></script>

並且DropDownMenu功能正常工作！

即使在包含popper.js之后，仍然會出現“未捕獲的錯誤：Bootstrap下拉需要Popper.js”

問題描述

4 個解決方案

解決方案1
20 已采納 2017-08-24 07:06:29

解決方案2
3 2017-10-04 16:27:06

解決方案3
0 2017-09-24 06:46:19

解決方案4
0 2018-05-28 07:03:54

即使在包含popper.js之后，仍然會出現“未捕獲的錯誤：Bootstrap下拉需要Popper.js”

問題描述

4 個解決方案

解決方案1 20 已采納 2017-08-24 07:06:29

解決方案2 3 2017-10-04 16:27:06

解決方案3 0 2017-09-24 06:46:19

解決方案4 0 2018-05-28 07:03:54

解決方案1
20 已采納 2017-08-24 07:06:29

解決方案2
3 2017-10-04 16:27:06

解決方案3
0 2017-09-24 06:46:19

解決方案4
0 2018-05-28 07:03:54