angular - Angular SVG 图标不适用于 Angular Universal 项目延迟加载模块

Question

安格勒：11.2.5
打字稿：4.0.2
angular-svg-icon：11.2.0

ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(AppHomeModule)[SvgIconRegistryService -> SvgIconRegistryService -> SvgLoader -> TransferState -> TransferState -> TransferState]: 
  NullInjectorError: No provider for TransferState!
NullInjectorError: R3InjectorError(AppHomeModule)[SvgIconRegistryService -> SvgIconRegistryService -> SvgLoader -> TransferState -> TransferState -> TransferState]: 

组件html：

    <svg-icon src="call.svg" [svgStyle]="{ 'width.px':90 }"></svg-icon>

延迟加载模块调用：

imports: [
   ...
    AngularSvgIconModule
  ],

app.module.ts

标签： angularlazy-loadingangular-universalng-modules

Answer 1

您需要BrowserTransferStateModule在客户端 ( app.module.ts) 和ServerTransferStateModule服务器端 ( app.server.module.ts)导入