当我运行 AngularJS/nodejs 项目时，引导 <div> 错误答案

【问题标题】：Bootstrap <div> error when I run AngularJS/nodejs project当我运行 AngularJS/nodejs 项目时，引导 <div> 错误
【发布时间】：2017-08-22 20:07:56
【问题描述】：

当我运行项目以查看登录/注册屏幕时，它会显示此屏幕

在我的代码中我有 Bootstrap，jQuery 已经声明

 <script type="text/javascript" src="assets/js/jquery.min.js"></script>
 <link rel="stylesheet" type="text/css" href="assets/bootstrap/css/bootstrap.min.css">
 <script type="text/javascript" src="assets/bootstrap/js/bootstrap.min.js"></script>  
 <link rel="stylesheet" href="assets/css/styles.css">

我在这样的 div 中登录/注册

<div class="col-lg-12" *ngIf="!identity">
  <div class="col-lg-6">
      <h1>Identificate</h1>
        <form class="col-md-10">
          <p>
              <label>Correo electrónico:</label>
                <input type="text" class="form-control" required/>
            </p>
            <p>
              <label>Correo electrónico:</label>
                <input type="text" class="form-control" required/>
            </p>

            <input type="submit" value="Entrar" class="btn btn-primary"/>
        </form>
    </div>
    <div class="col-lg-6">
      <h1>Registrate</h1>
    </div>
</div>

我想在屏幕上看到，左边是“Ingresa”，右边是“Registrate”

在 Chrome 命令行中，我看到了这个错误：

未捕获的错误：引导下拉菜单需要 Popper.js
(https://popper.js.org)
在 bootstrap.min.js:6
在 bootstrap.min.js:6
在 bootstrap.min.js:6

【问题讨论】：

你读过你得到的错误吗？ Bootstrap dropdown require Popper.js?你做了什么吗？
popper.js.org 查这个
@Dekel 是的，我试过了，但问题仍然存在，所以我删除了它，对于帖子，我想有人知道它

标签： html angularjs node.js bootstrap-4

【解决方案1】：

尝试将整个块包裹起来（从<div class="col-lg-12" *ngIf="!identity"> 开始

<div class="container-fluid" id="someContainer">

另外，您需要更好地阅读引导程序入门 - https://getbootstrap.com/docs/4.0/getting-started/introduction/#quick-start

它说你需要加载popper js。

    <script type="text/javascript" src="assets/js/jquery.min.js"></script>
<!-- load popper before BS ---> 
             <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>
    <!-- now load Bootstrap -->
             <link rel="stylesheet" type="text/css" href="assets/bootstrap/css/bootstrap.min.css">
             <script type="text/javascript" src="assets/bootstrap/js/bootstrap.min.js"></script>  
             <link rel="stylesheet" href="assets/css/styles.css">

看看有没有用……

【讨论】：

我删除了 popper 和 popper 声明，因为它在我处理项目时向我发送了一个错误，一个“index.d.ts”错误，所以我将其删除，呵呵
mm index.d.ts 的问题是的，哈哈，但在 chrome 控制台中它说我需要 popper，但它可以正确运行项目
可能不应该忽略一个错误，它可能会在项目的后期再次出现，您可能会花费大量时间试图找出它到底是什么错误 - 我理解它的方式, popper 是一个外部框架 bootstrap 用来创建弹出窗口....祝你好运！哦，尝试编辑您的问题或回答它并将问题标记为已解决，以帮助将来遇到同样问题的其他人:)