SSR (strategy:safe) doesn't show can-tag="loading-indicator"

DoneJS
1

Currently deployed to heroku, and SSR pages come down looking like this:

46%20PM
Screen Shot 2018-11-03 at 2.13.46 PM.jpg3094×2024 2.14 MB

The loading HTML that comes down from SSR looks like that:

image
image.png1660×1124 151 KB

The loading HTML after reattachment looks like that:

12%20PM
Screen Shot 2018-11-03 at 2.09.12 PM.png1026×280 47.9 KB

The loading HTML (after reattachment) when switching pages looks like that:

05%20PM
Screen Shot 2018-11-03 at 2.09.05 PM.png854×314 47.1 KB

I would want SSR pages to at least show the loading indicator like that:

34%20PM
Screen Shot 2018-11-03 at 2.18.34 PM.jpg3094×2024 2.16 MB

Or better yet work like in development (on localhost with all the debugging stuff turned on) where it shows the actual data with all inputs and such disabled:

38%20PM
Screen Shot 2018-11-03 at 2.18.38 PM.jpg3094×2024 1.82 MB

I’m not sure why it works as desired/expected on development localhost but is just a blank page on production heroku. Any ideas?

2

After switching to the pageComponent pattern (and some various other changes), the Loading... text indicator is now showing when the page is originally coming off SSR.

I’m still not sure why the behavior is different in development versus production, however, as in development it still shows the live data with inputs disabled. I would have expected to see the same SSR result in both production and development. Maybe it has something to do with the debug flags I’ve got turned on in dev?