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

所以，在你的情况下，改变

<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。

public boolean isPrime(int x){
     if(x==1) 
        return false; 
     if(x==2) 
        return true;
     if(x % 2 == 0)
        return false;

     for(int i=3; i<Math.sqrt(x); i++)

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，请不要忘记在其之前包含jQuery和Popper.js的CDN版本。

您的index.html文件可能必须如下所示:(基于jquery和popper.js的版本）您基本上按以下顺序查找3个脚本src =“”标记 jquery＆gt; popper.js＆gt; 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中也遇到了这个错误。

当我删除＆＃34; min＆＃34;在这一行

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

作为

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

并且DropDownMenu函数有效！

即使在包含popper.js之后，仍然会出现“未捕获的错误：Bootstrap下拉需要Popper.js”

4 个答案: