convert APP_INITIALIZER code to newer provideAppInitializer syntax

Question

I have a piece of code from an angular application like below,

{
    provide: APP_INITIALIZER,
    deps: [...config.mockApi.services],
    useFactory: () => (): any => null,
    multi: true,
}

I want to convert it to the newer provideAppInitializer syntax.

I have come up with the below code but it throws me an error.

provideAppInitializer(() => {
    const initializerFn = ()=> (inject([...config.mockApi.services]));
    return initializerFn();
}),

Argument of type '() => unknown' is not assignable to parameter of type '() => void | Observable | Promise'. Type 'unknown' is not assignable to type 'void | Observable | Promise'.ts(2345)

Why am I getting this error, and how can I fix it?

JSON Derulo · Accepted Answer · 2025-01-17 09:28:36Z

0

The problem is that the app initializer function is expected to return either void, an Observable or a Promise. However with your code, you are returning the injected tokens, which causes this type error.

To fix it, just make sure you are not returning the result from your injection:

provideAppInitializer(() => {
  inject([...config.mockApi.services]);
}),

edited Jan 17 at 9:28

answered Jan 17 at 9:17

JSON Derulo

18.8k11 gold badges62 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

convert APP_INITIALIZER code to newer provideAppInitializer syntax

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related