也许这很愚蠢,但我已经很久没遇到这个了,我需要一些帮助 .
我有自定义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
任何有助于解决它的线索?谢谢!