也许这很愚蠢,但我已经很久没遇到这个了,我需要一些帮助 .

我有自定义SVG图标,在开发环境中运行良好 . 他们被声明如下:

this.matIconRegistry.addSvgIcon(
  "icon1",
  this.domSanitizer.bypassSecurityTrustResourceUrl("../assets/images/icon1.svg")
);
this.matIconRegistry.addSvgIcon(
  "icon2",
  this.domSanitizer.bypassSecurityTrustResourceUrl("../assets/images/icon2.svg")
);

当我使用 ng build --prod 在 生产环境 中发布应用程序时,图标不起作用 . 在日志中,您会看到以下内容:

GET https://www.example.kkk/assets/images/icon1.svg 404(未找到)main.b88c0c542471bd40dec4.js:1检索图标时出错:https://www.example.kkk/assets/images/icon1.svg的Http失败响应

在开发环境中,应用程序在http://localhost:4200运行, 生产环境 运行在https://www.example.kkk/app . 无论哪种方式, app 都会从网址中消失 .

我试过了

this.matIconRegistry.addSvgIcon(
  "icon1",
  this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/images/icon1.svg")
);

但它也不起作用 .

我的配置如下:Angular CLI:6.0.3节点:8.9.2 OS:win32 x64 Angular:6.0.2

任何有助于解决它的线索?谢谢!