Cache response is not returned in resolve about cashew HOT 5 CLOSED

Create a reproduction in stackblitz, please.

from cashew.

Stackblitz: https://stackblitz.com/edit/angular-ivy-bajvyj?file=src/app/league/league.service.ts

If you set cache$ to true it's not working, if you set it to false it's working.
Use the following URL to test: https://angular-ivy-bajvyj.stackblitz.io/leagues/a/b

from cashew.

The issue is only with useHttpCacheLocalStorage?

from cashew.

No the issue is also when using in memory cache. I also tried to remove the guard, it's working. Same thing with only the resolve. So it seems that it's the combination of guard and resolve with both using a cached HTTP request.

from cashew.

If that can help, I encountered a very similar issue. The only difference is that there is no resolver in my case, just a guard and a component making the same cached call trough a dedicated service. That component is part of a Route config too.

The quick fix I currently have is to add a delay(0) just before the actual cached http call, so that they all skip a frame and that seems to do it for some reason 😅

@Injectable()
export class MyService {
  // ...

  fetchCats() {
    return this.getSomeUrlFromAConfigFile().pipe(
      delay(0),
      switchMap(url => this.http.post<Cat[]>(url, {}, withCache()))
    );
  }
}

To be noted that we use a custom KeySerializer to be able to cache POST queries with a body, but I don't think it plays any part in this. I guess that a timer(0) would also do the trick.

from cashew.