Bootstrap's tooltips require Popper.js

Question

I use Bootstrap 4 and Jquery-3.3.1 in my project. I use js as follows:

 <script src="@Url.Content("~/Scripts/jquery-3.3.1.min.js")" type="text/javascript"></script>

    <script src="@Url.Content("~/Scripts/umd/popper.min.js")" type="text/javascript"></script>

    <script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>

When the page loads, I have the following errors:

SyntaxError: export declarations may only appear at top level of a module   -----  popper.min.js:4:19633

TypeError: Bootstrap's tooltips require Popper.js (https://popper.js.org/) ------ bootstrap.min.js:6:34702

And these warnings also give:

Source map error: request failed with status 404
Resource URL: http://sitename.com/Content/bootstrap.css
Source Map URL: bootstrap.css.map

Source map error: request failed with status 404
Resource URL: http://sitename.com/Scripts/bootstrap.min.js
Source Map URL: bootstrap.min.js.map

please guide me

Answer 1

I had the same problem. I just imported Popper.js before Bootstrap.min.js. Now it's working.