Solución:
Tienes que asegurarte de que popper.js está incluido y cargado en su aplicación Angular porque es necesario para todas las cosas que aparecen o se despliegan en Bootstrap 4.
Aquí está la parte relevante de su angular-cli.json debería verse así:
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/popper.js/dist/umd/popper.min.js",
"../node_modules/bootstrap/dist/js/bootstrap.min.js"
],
Para instalar popper.js use este comando:
npm install popper.js --save
Referencia: https://www.npmjs.com/package/popper.js
No puedo agregar un comentario a la respuesta de WebDevBooster, así que publiqué uno nuevo. La siguiente declaración en angular.json (angular-cli.json) será suficiente:
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
]
El propper.js ya se ha incluido en bootstrap.bundle.min.js: https://getbootstrap.com/docs/4.4/components/dropdowns/#overview
asegúrese de haber instalado jquery en su carpeta raíz
si no, instale usando NPM —> npm install jquery –save
Nota: Si desea utilizar bootstrap en su aplicación, o si ya lo tiene en su proyecto, asegúrese de incluir jQuery antes de incluir el archivo JavaScript bootstrap. El archivo JavaScript de Bootstrap requiere jQuery
vaya al archivo angular.json en la raíz de la carpeta del proyecto CLI de Angular y busque los scripts: [ ] propiedad e incluya la ruta a jQuery de la siguiente manera:
"scripts": [ "node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.js"
]