Fetching File from Assets not Working with Angular Server Side Rendering

Question

I am loading a json file from the assets folder at runtime with the following code:

initializeApp = () =>
  new Promise(async resolve => {
    this.settings await this.http.get(`/assets/file.json`).toPromise();
    resolve();
  });

This code works fine when compiling the angular app with ng serve. However I also want to support server side rendering. When building the server with npm run build:ssr and afterwards running it with npm run serve:ssr, I get the following error on the node server:

ERROR { Error: Uncaught (in promise): Error
    at resolvePromise (/project/services/frontend/dist/server.js:1003:31)
    at /project/services/frontend/dist/server.js:913:17
    at rejected (/project/services/frontend/dist/server/main.js:136313:93)
    at ZoneDelegate.invoke (/project/services/frontend/dist/server.js:542:26)
    at Object.onInvoke (/project/services/frontend/dist/server/main.js:118689:33)
    at ZoneDelegate.invoke (/project/services/frontend/dist/server.js:541:52)
    at Zone.run (/project/services/frontend/dist/server.js:301:43)
    at /project/services/frontend/dist/server.js:1061:34
    at ZoneDelegate.invokeTask (/project/services/frontend/dist/server.js:574:31)
    at Object.onInvokeTask (/project/services/frontend/dist/server/main.js:118670:33)

David · Accepted Answer · 2019-10-15 12:28:44Z

3

When using angular universal, URL must be absolute. So either have the base URL in your configuration somewhere, or retrieve it from the underlying webserver like shown in the documentation

answered Oct 15, 2019 at 12:28

David

34.6k13 gold badges90 silver badges124 bronze badges

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

Comments

Pushprajsinh Chudasama · Accepted Answer · 2019-10-15 11:55:52Z

0

In server side add resolve or reject because your promise is not handle by any resolver or reject.

answered Oct 15, 2019 at 11:55

Pushprajsinh Chudasama

7,9994 gold badges23 silver badges48 bronze badges

2 Comments

Florian Ludewig Over a year ago

I am already calling resolve(). I also tried to add a try catch with a reject, but it didn't help

Florian Ludewig Over a year ago

Sorry if you misunderstood me, but adding resolve or reject did not fix the issue. But I appreciate your help :)

Collectives™ on Stack Overflow

Fetching File from Assets not Working with Angular Server Side Rendering

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related