PrimeNG 图标没有像他们描述的那样出现

Question

我正在使用 Angular 14。我已将此添加到我的 angular.json 文件中

        "styles": [
          ...
          "node_modules/primeicons/primeicons.css"
        ],

并将这些按钮添加到我的页面后

                    <button pButton pRipple icon="pi pi-pencil" class="p-button-text" ></button>
                    <button pButton pRipple icon="pi pi-trash" class="p-button-text" ></button>
                    <button pButton pRipple icon="pi pi-eye" class="p-button-text"></button>

它们不像我想象的那样出现

我还需要做什么才能使图标正确显示吗？ 我像这样安装了primeng图标

 npm i primeicons