title: Still getting "Uncaught Error: Bootstrap dropdown require Popper.js" even after including popper.js
body: <p>New to Angular and Bootstrap and I am trying little hands on by creating helloworld app. I have added required libraries but I am stuck at this error </p>
  
  <blockquote>
    <p>Uncaught Error: Bootstrap dropdown require Popper.js</p>
  </blockquote>
  
  <p>I have added the popper.js script, after the jquery and before bootstrap js. but still browser throws the error.</p>
  
  <p>Please help.</p>
  
  <p>code looks like this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="helloWorld" lang="en"&gt;
  &lt;head&gt;
  
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
  
  &lt;title&gt;Index&lt;/title&gt;
  
  &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
  
  &lt;/head&gt;
  
  &lt;body ng-controller="mainCtrl"&gt;{{message}}
  
  &lt;script src="js/angular.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/jquery-3.2.1.slim.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/popper.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="app/app.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>