如何在angular 4应用程序中安装bootstrap 4版本beta.2？

Question

I tried installing bootstrap 4 version beta.2 and its dependencies (jquery and popper.js). but there is something very weird going on. for some reason, I keep getting an error message in the console, saying "SyntaxError: export declarations may only appear at top level of a module". when I click to go to the line that's causing this issue in the scripts.bundle.js, I find that it's the popper.js package that's causing this issue.

I have included the script references to my angular-cli.json file as follows:

 "scripts": [
    "../node_modules/jquery/dist/jquery.slim.min.js",
    "../node_modules/popper.js/dist/esm/popper.min.js",   
    "../node_modules/bootstrap/dist/js/bootstrap.min.js",
    "../node_modules/alertifyjs/build/alertify.min.js"
  ]

I think I did everything right, but I don't know why the issue with popper is occuring.

Please help me find an answer to this.

Answer 1

If you are running Angular CLI. Then use

npm install ngx-bootstrap --save

FYR: Bootstrap 4 in Angular CLI