首先，运行npm i引导图标
然后在angular.json文件中
将路径添加到“Styles”键值，如下所示：
“样式”：[“节点模块/引导图标/字体/引导图标. css”，]，

通过npm将包安装到您的项目只是将包文件下载到node_modules。您必须配置您的项目以导入必要的文件来使用该包。
在本例中，因为它是一个图标库，所以您可能已经指出了一个样式表可以通过在html文件中包含CDN来工作。
在angular中，尝试将bootstrap-icons.css文件导入到你的styles.css文件中，你需要检查bootstrap-icons文件夹在node_modules中的位置，并在文件夹结构中找到css文件。
从本地安装中，我确定位置为：node_modules/bootstrap-icons/font/bootstrap-icons.css

在styles.css文件中，添加import语句：@import '~bootstrap-icons/font/bootstrap-icons.css';
这应该可以让你的图标正常工作。如果不能，请确保bootstrap-icons.css文件路径正确并且可以访问。
附加一个工作示例（托管在stackblitz上）：https://stackblitz.com/edit/angular-bootstrap-icons?file=src%2Fstyles.css,src%2Fapp%2Fapp.component.html

我也面临着这个问题。在styleidocss导入图标css文件后，它工作得很完美

首先使用npm安装引导图标：

npm i bootstrap-icons --save

然后转到您的angular.json文件，并将此添加到您的样式中：

"styles": [
          "src/styles.scss",
          "node_modules/bootstrap-icons/font/bootstrap-icons.css"
        ],

现在你可以使用任何你想要的图标。例如：

<i class="bi bi-bootstrap-fill"></i>

如果您不想使用npm来使用引导图标，您可以查看：https://icons.getbootstrap.com/#install