Angular 将自定义图标从另一个库导入角度材质

我正在尝试将图标从库导入到角度材质中。 我更新了我的

angular.json

，如下所示：

"assets": [
  "src/assets",
  "src/web.config",
  {
    "glob": "*.svg",
    "input": "./node_modules/@situlive/situ-angular-components/assets",
    "output": "./assets"
  }
],

export class SubmissionModule {
  constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer) {
    matIconRegistry.addSvgIconSet(
      "facebook",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/facebook.svg")
    );
    matIconRegistry.addSvgIconSet(
      "instagram",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/instagram.svg")
    );
    matIconRegistry.addSvgIconSet(
      "linkedin",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/linkedin.svg")
    );
    matIconRegistry.addSvgIconSet(
      "pinterest",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/pinterest.svg")
    );
    matIconRegistry.addSvgIconSet(
      "reddit",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/reddit.svg")
    );
    matIconRegistry.addSvgIconSet(
      "tiktok",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/tiktok.svg")
    );
    matIconRegistry.addSvgIconSet(
      "tumblr",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/tumblr.svg")
    );
    matIconRegistry.addSvgIconSet(
      "twitter",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/twitter.svg")
    );
    matIconRegistry.addSvgIconSet(
      "youtube",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/youtube.svg")
    );
  }
}

我已经验证了，当我构建项目时，svg文件位于我的资产目录中：

现在我来讨论添加角材料，我是这样做的：

"assets": [
  "src/assets",
  "src/web.config",
  {
    "glob": "*.svg",
    "input": "./node_modules/@situlive/situ-angular-components/assets",
    "output": "./assets"
  }
],

export class SubmissionModule {
  constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer) {
    matIconRegistry.addSvgIconSet(
      "facebook",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/facebook.svg")
    );
    matIconRegistry.addSvgIconSet(
      "instagram",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/instagram.svg")
    );
    matIconRegistry.addSvgIconSet(
      "linkedin",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/linkedin.svg")
    );
    matIconRegistry.addSvgIconSet(
      "pinterest",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/pinterest.svg")
    );
    matIconRegistry.addSvgIconSet(
      "reddit",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/reddit.svg")
    );
    matIconRegistry.addSvgIconSet(
      "tiktok",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/tiktok.svg")
    );
    matIconRegistry.addSvgIconSet(
      "tumblr",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/tumblr.svg")
    );
    matIconRegistry.addSvgIconSet(
      "twitter",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/twitter.svg")
    );
    matIconRegistry.addSvgIconSet(
      "youtube",
      domSanitizer.bypassSecurityTrustResourceUrl("/assets/youtube.svg")
    );
  }
}

在我提交的部分中，我做了以下工作：

<mat-icon svgIcon="twitter"></mat-icon>

我得到了这个错误：

我不确定我做错了什么。 还有其他人有什么想法吗