下拉菜单 popper.js答案

【问题标题】：Dropdown menu popper.js下拉菜单 popper.js
【发布时间】：2017-10-07 18:27:14
【问题描述】：

我正在尝试创建一个下拉菜单，但出现此错误：

"Uncaught Error: Bootstrap dropdown require Popper.js (https://popper.js.org)
    at bootstrap.min.js:6
    at bootstrap.min.js:6
    at bootstrap.min.js:6"

我在这里发现了一些关于它的问题，但没有一个对我有用。如何导入这个 popper.js？

编辑1：

我刚刚找到了一种使用脚本标签导入的方法……一直在引导文档中。但是，还有一个问题：代码没有错误，但我的下拉按钮不起作用。我尝试了引导文档中的每一个下拉菜单，我 ctrl+c - ctrl-v 所有这些都没有工作，我点击按钮，没有任何反应:(

 !doctype html>
<html>
<head>
<meta charset="utf-8">
<title>About us</title>


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


<link href="Sobre-Nós.css" rel="stylesheet" type="text/css">





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

<script 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"></script>







</head>

【问题讨论】：

标签： javascript jquery html css bootstrap-4

【解决方案1】：

查看此文档：https://github.com/FezVrasta/popper.js#installation

安装popper有几种方式。

祝你好运！

【讨论】：

我应该这样做
不工作:(即使我喜欢上面我也会得到同样的错误:(
是的，你是对的。在加载引导程序之前放置那行代码，以便它能够知道“Popper”是什么。
确保包含整个网址，如下所示：“unpkg.com/popper.js@1.12.5/dist/umd/popper.js”。即包括“https”协议。
所以，我准确地写了：并且新的错误是： “加载资源失败：服务器响应状态为 404（未找到）”

【解决方案2】：

我解决了我的问题，只是：

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script 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"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>

【讨论】：