title: Popper not loading before bootstrap in visual studio 2017 ASP.NET MVC
body: <p>I'm trying to implement popouts but it seems like poppers.js doesn't want to load before bootstrap.js. I've tried to place the bundle before the bootstrap one but it doesn't want to load.
  BundleConfig:</p>
  
  <pre><code>public static void RegisterBundles(BundleCollection bundles)
  {
      bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                  "~/Scripts/jquery-{version}.js"));
  
      bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                  "~/Scripts/jquery.validate*"));
  
      // Use the development version of Modernizr to develop with and learn from. Then, when you're
      // ready for production, use the build tool at https://modernizr.com to pick only the tests you need.
      bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                  "~/Scripts/modernizr-*"));
  
      bundles.Add(new ScriptBundle("~/bundles/popper").Include(
                "~/Scripts/popper.js"
                ));
  
      bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                "~/Scripts/bootstrap.js"
                ));
  
      bundles.Add(new StyleBundle("~/Content/css").Include(
                "~/Content/bootstrap.css",
                "~/Content/xbbcode.css",
                "~/Content/site.css"));
  
  
  }
  </code></pre>
  
  <p>_Layout:</p>
  
  <pre><code>@Scripts.Render("~/bundles/popper")
  @Scripts.Render("~/bundles/jquery")
  @Scripts.Render("~/bundles/bootstrap")
  @RenderSection("scripts", required: false)
  </code></pre>
  
  <p>I still get this error:</p>
  
  <blockquote>
    <p>jQuery.Deferred exception: Bootstrap's tooltips require Popper.js (<a href="https://popper.js.org/" rel="noreferrer">https://popper.js.org/</a>) Tooltip@<a href="http://localhost:56609/Scripts/bootstrap.js:2836:15" rel="noreferrer">http://localhost:56609/Scripts/bootstrap.js:2836:15</a>
    Popover@<a href="http://localhost:56609/Scripts/bootstrap.js:3509:14" rel="noreferrer">http://localhost:56609/Scripts/bootstrap.js:3509:14</a>
    _jQueryInterface/&lt;@<a href="http://localhost:56609/Scripts/bootstrap.js:3569:18" rel="noreferrer">http://localhost:56609/Scripts/bootstrap.js:3569:18</a>
    each@<a href="http://localhost:56609/Scripts/jquery-3.3.1.js:354:10" rel="noreferrer">http://localhost:56609/Scripts/jquery-3.3.1.js:354:10</a>
    each@<a href="http://localhost:56609/Scripts/jquery-3.3.1.js:189:10" rel="noreferrer">http://localhost:56609/Scripts/jquery-3.3.1.js:189:10</a>
    _jQueryInterface@<a href="http://localhost:56609/Scripts/bootstrap.js:3559:14" rel="noreferrer">http://localhost:56609/Scripts/bootstrap.js:3559:14</a>
    load/http://localhost:56609/:299:46
    mightThrow@<a href="http://localhost:56609/Scripts/jquery-3.3.1.js:3534:21" rel="noreferrer">http://localhost:56609/Scripts/jquery-3.3.1.js:3534:21</a>
    resolve/http://localhost:56609/Scripts/jquery-3.3.1.js:3602:12
     undefined jquery-3.3.1.js:3818:3
    TypeError: Bootstrap's tooltips require Popper.js (<a href="https://popper.js.org/" rel="noreferrer">https://popper.js.org/</a>)</p>
  </blockquote>