即使在包含popper.js之后,仍然会出现"未捕获的错误:Bootstrap下拉需要Popper.js"

Pav*_*van 11 javascript jquery twitter-bootstrap angularjs

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>
Run Code Online (Sandbox Code Playgroud)

Kon*_*rad 21

这对我有用:

  1. 在你在这里找到的下载文件中使用名为"umd"的文件夹中的popper.js https://popper.js.org
  2. 不要将文件保存在与bootstrap.js相同的文件夹中,而是创建一个名为"umd"的单独文件夹
  3. 在bootstrap.js之前声明popper.js

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

<script src="js/popper.min.js" type="text/javascript"></script>
Run Code Online (Sandbox Code Playgroud)

<script src="js/umd/popper.min.js" type="text/javascript"></script>
Run Code Online (Sandbox Code Playgroud)