When importing Module to standalone: NullInjectorError: No provider for InjectionToken Icons Token! about ng-icons HOT 3 CLOSED

Hi, thanks for the report!

Yes, so this is a bit of a quirk with the injector that is particularly noticeable when mixing the two approaches as the hierarchy works a bit differently in MgModule components and standalone components - I should perhaps add some documentation detailing this.

The best option is just use provideIcons in any components that needs icons and import the NgIcon component there. This also has the nice benefit of being more efficient when lazy loading components as the icons get loaded with the component.

@Component({
  standalone: true,
  imports: [ButtonModule, ShellModule, NgIcon],
  template: '<ng-icon name="tablerCompass" />',
  viewProviders: [provideIcons({ tablerCompass })]
})
export class ShellComponent {}

If you still have issues let me know and I can look into it further - and if so if you are able to provide a StackBlitz/CodeSandbox reproducing the issue that would be very helpful. Thanks

from ng-icons.

I'm going to close this issue for now - if you have any further queries or issues let me know and I'll be happy to help. Thanks

from ng-icons.

@ashley-hunter , thanks for your fast response.

I already tried to import NgIcon and then using viewProviders. Sadly, this did not change anything. I ended up converting the custom ui-Library to standalone. This was a lot of work but made everything work. However, this solution is not feasible for developers handling large libraries or where they do not have control over them.

I'm sorry that I cannot provide a StackBlitz example since there is no sharable version of my code and constructing the example would take more time than I could justify to invest.

Thanks for your insights though.

from ng-icons.