angular - Angular 12 中未显示 Prime 图标

Question

我在同一个项目中使用PrimeNG、PrimeIcons和 Angular 12 ，我遇到了问题。

当我在 FireFox 中打开项目时，Prime 的图标没有加载。在图片中，您可以看到结果。

此外，在控制台中，显示错误。

可下载字体：被消毒剂拒绝（字体系列：“primeicons”样式：正常重量：400 拉伸：100 src 索引：1）

我正在使用以下版本：

• PrimeNG：12.2.2
• 素数图标：5.0.0
• 角度：12.2.8

我已经阅读了库中已关闭的问题，我发现它可能是一个 Webpack 问题。接下来，我将粘贴 webpack 代码：

const singleSpaAngularWebpack = require('single-spa-angular/lib/webpack').default

module.exports = (angularWebpackConfig, options) => {
  const singleSpaWebpackConfig = singleSpaAngularWebpack(angularWebpackConfig, options);

  singleSpaWebpackConfig.module.rules.push(
    {
      test: /\.(png|jpg|jpeg|gif)$/i,
      type: 'asset/inline',
    },
    {
      test: /\.(svg)$/i,
      type: 'asset/source',
    }
  );

  singleSpaWebpackConfig.externals = [
    /^@example\/*/,
    /^single-spa$/,

    /^rxjs$/,
    /^rxjs\/operators$/,
    
    /^zone\.js$/,

    /^i18next$/,
  ];
  
  return singleSpaWebpackConfig
}

问题是：

• https://github.com/primefaces/primeicons/issues/145
• https://github.com/primefaces/primeicons/issues/222

我已经尝试了问题的答案，但它仍然不起作用。谁能帮我？