0
369
Viewspopper.js in bootstrap 4 gives SyntaxError Unexpected token export
I tried install bootstrap 4, and included following links
<script src="libs/jquery/dist/jquery.min.js"></script>
<script src="libs/tether/dist/js/tether.min.js" ></script>
<script src="libs/popper.js/dist/popper.js"></script>
<script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script>
But The following error occurs :
Uncaught syntaxError: Unexpected token export
Any ideas how to fix it?
3 answers
Answer question0
Just got this too and figured why it really happens. In case others get by here:
Check the readme.md "Usage". The lib is available in three version for three difference module loaders. In short: if you load it with the <script> tag then you must use the UMD version. You can find it in /dist/umd. The default (in /dist) is the ESNext (ECMA-Script) which can not be loaded using the script tag.
0
Bootstrap 4 requires the UMD version of popper.js, and make sure the order is as follows:
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="~/Scripts/jquery-3.0.0.min.js"></script>
<script src="~/Scripts/umd/popper.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
0
I encountered the same issue if I use popper.js from CDN network like cdnjs.
If you observe the source code of Bootstrap 4 examples like for example Navbar you can see that popper.min.js is loaded from:
<script src="https://getbootstrap.com/docs/4.1/assets/js/vendor/popper.min.js"></script>
I included that in my project and the error is gone. You can download the source code from
https://getbootstrap.com/docs/4.1/assets/js/vendor/popper.min.js
and include in your project as a local file and it should work.