AngularPWASeed | A starter project for a PWA | Command Line Interface library

I have recently begun converting my Angular 7.2.0 app to an Angular universal app. The app is successfully rendering server-side, and transfers state fairly quickly on fast PCs and internet connections, but unfortunately until the hand-off, the rendered page is missing any data normally fetched from the API.

I have added the serverURL to a provided token from the server, and while rendering server-side, all http requests are made using the fully qualified url. However, it appears that does not matter, since all http calls are cancelled before they complete! My server shows no calls to the api endpoints, and the client logs an error of {} (which shows up as [Error] by default).

I am using the TransferStateModule, as well as the TransferHttpCacheModule, but nothing has worked so far. It seems like the express-engine render just will not wait for async http calls. It affects the http calls in ngOnInit of components, the constructors of services, and any in resolvers, so I don't know how else to get the data.

For things like config data, I am injecting the necessary fields as a token, and checking that token on server-side renders, but I cannot do that for all data in the app.

Below are the relevant sections of my server and app modules

app.ts (node express server)