Angular 下拉列表不会以角度打开

我正在学习Angular，我有一个引导和下拉的问题

Bootstrap类加载良好，但下拉列表不起作用，这就是我为新项目所做的：

npm install bootstrap jquery popper --save

当我进行npm审核时，这里是结果

angular.json中的样式

"styles": [
          "src/styles.scss",
          "node_modules/bootstrap/dist/css/bootstrap.min.css"
        ],

---

为什么要使用引导。。你可以使用棱角材料，这是一个很棒的棱角材料框架，它有很多特点，而且很容易使用。 stpes： 1-安装组件 npm安装--保存@angular/material@angular/cdk@angular/animations

2-将角度材质集成到项目中 ng添加@角度/材质

3-重新启动服务器（ng serve）

4-现在，您可以使用角材质的任何组件。这是链接

5-例如，如果你想要一个下拉列表，你需要在应用程序模块中添加选择组件的api（一个模块），然后你可以在所有应用程序中使用它

要使用选择组件，请执行以下操作： 1-在应用程序模块中添加api 从“@angular/material/select”导入{MatSelectModule}

imports : [MatSelectModule]

2-转到项目中的任意组件并添加该组件

嘿 试试看

---

您还将jQuery、bootstrap和popperJS添加到

angular.json

文件中。。！不，不是在angular.json中。这是我的文件：我应该在哪里添加它？问题是关于引导。如果你想提出另一个库，你可以在评论中提出，但这不是答案！我试过了，但这是我在ng serve和npm安装popper时得到的回报——保存它可能会帮助您（）我找到了答案。我安装了popper而不是popper.js，所以问题就解决了。我有一些依赖性错误，如何轻松解决？我更改了导入js文件的顺序（popper.js必须在bootstrap的js之前）。消息与bootstrap的依赖性有关，但现在已经解决了

    "styles": [
      "src/styles.scss",
      "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"
    ],