问如何解决即使安装了所有的东西，引导程序也不能工作的问题？

EN

 "private": true,
      "dependencies": {
        "@angular/animations": "~11.0.1",
        "@angular/cdk": "^11.0.2",
        "@angular/common": "~11.0.1",
        "@angular/compiler": "~11.0.1",
        "@angular/core": "~11.0.1",
        "@angular/fire": "^6.1.4",
        "@angular/forms": "~11.0.1",
        "@angular/platform-browser": "~11.0.1",
        "@angular/platform-browser-dynamic": "~11.0.1",
        "@angular/router": "~11.0.1",
        "@ng-bootstrap/ng-bootstrap": "^8.0.2",
        "@types/jquery": "^3.5.5",
        "bootstrap": "^4.5.3",
        "bootstrap-icons": "^1.1.0",
        "firebase": "^8.1.2",
        "jquery": "^3.5.1",
        "popper.js": "^1.16.1",
        "rxjs": "~6.6.0",
        "tslib": "^2.0.0",
        "zone.js": "~0.10.2"
      },

    "styles": [
              "src/styles.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.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"
           ]

import { Component } from '@angular/core';
declare var $:any;
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  ngOnInit() {
      $('[data-toggle="popover"]').popover();
  }
}

**APP.COMPONENT.HTML FILE:**

<a href="#" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>