Как установить Bootstrap 5 с Popper в приложение Angular

Я пытаюсь реализовать раскрывающийся список начальной загрузки в моем компоненте Angular, но он не работает. Выпадающий список не открывается по клику, вместо этого я получаю консольные ошибки. Я попытался создать модальный бутстрап, и это тоже не сработало. При этом ошибок не было. Проведя небольшое исследование, я обнаружил, что мне нужно включить popper.js и bootstrap.min.js в мой файл project.json (nrwl эквивалентно angular.json). Я добавил его в "scripts"-массив:

"name": "nosi",
  "$schema": "../../node_modules/nx/schemas/project-schema.json",
  "projectType": "application",
  "sourceRoot": "apps/nosi/src",
  "prefix": "nosi",
  "targets": {
    "build": {
      "executor": "@angular-devkit/build-angular:browser",
      "outputs": ["{options.outputPath}"],
      "options": {
        "outputPath": "dist/apps/nosi",
        "index": "apps/nosi/src/index.html",
        "main": "apps/nosi/src/main.ts",
        "polyfills": "apps/nosi/src/polyfills.ts",
        "tsConfig": "apps/nosi/tsconfig.app.json",
        "inlineStyleLanguage": "scss",
        "assets": ["apps/nosi/src/favicon.ico", "apps/nosi/src/assets"],
        "styles": ["apps/nosi/src/styles.scss"],
        "scripts": [
          "../node_modules/bootstrap/dist/js/bootstrap.min.js",
          "../node_modules/popper.js/dist/umd/popper.js"
        ]
      },

Также я добавил bootstrap.min.css в свой файл styles.scss:

/* You can add global styles to this file, and also import other style files */

/* Importing Bootstrap SCSS file. */
@import '~bootstrap/scss/bootstrap';
@import '~bootstrap/dist/css/bootstrap.min.css';
@import '~bootstrap/dist/css/bootstrap.css';

Несмотря на эти изменения, мой раскрывающийся список все еще не работает.

Я использую последнюю версию Bootstrap 5.2.3 вместе с Angular 12.2.5. Кто-нибудь знает, что я делаю неправильно?