I'm struggling with bootstrap4. I've imported the bootstrap.bundle.js which already contain popper.js.

But anyway I get the following error:

Uncaught ReferenceError: Popper is not defined

Including structure

<script type="text/javascript" src=".../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src=".../js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src=".../js/bootstrap.min.js"></script>

I'm struggling with bootstrap4. I've imported the bootstrap.bundle.js which already contain popper.js.

But anyway I get the following error:

Uncaught ReferenceError: Popper is not defined

Including structure

<script type="text/javascript" src=".../js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src=".../js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src=".../js/bootstrap.min.js"></script>

• javascript
• twitter-bootstrap
• bootstrap-modal
• bootstrap-4

• where you include that show some code either you call a function which library is missing or below that function – Noni Commented Dec 6, 2017 at 11:48

2 Answers 2

bootstrap.bundle.js or bootstrap.bundle.min.js contains Bootstrap + Popper.js so you just have to include jQuery and Bootstrap Bundle and everything is done

<script src="https://code.jquery./jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>   
<script src="https://maxcdn.bootstrapcdn./bootstrap/4.0.0-beta.2/js/bootstrap.bundle.min.js" integrity="sha384-3ziFidFTgxJXHMDttyPJKDuTlmxJlwbSkojudK/CkRqKDOmeSbN6KLrGdrBQnT2n" crossorigin="anonymous"></script>

Add popper.min.js to your file

<script src="https://cdnjs.cloudflare./ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>