即使在包含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”

回答

相关问题