NetworkError With Angular Universal

[OmarioHassan]

Current behavior

When i tries to run SSR i got an error for using translate pipe , i also used this : https://github.com/angular/universal/tree/master/modules/common

Environment

ngx-translate version: 12.1.2 Angular version: 9.1.4

Browser:

• [x] Chrome (desktop) version XX

For Tooling issues:

• Node version: 12.16.2
• Platform: Linux

[ynixt]

Same error here on Angular 10

[dlebee]

any news on this?

[OmarioHassan]

No for sorry

[ddmzy]

had same problem

it`s cause when your browser app rendering on server and try to load some data by req to server

my problem code was export function createTranslateLoader(http: HttpClient): TranslateHttpLoader { return new TranslateHttpLoader(http, '/assets/i18n/', '.json'); }

it`s an @ngx-translate module http loader for localization file

as angular manual said:

The tutorial's HeroService and HeroSearchService delegate to the Angular HttpClient module to fetch application data. These services send requests to relative URLs such as api/heroes. In a server-side rendered app, HTTP URLs must be absolute (for example, https://my-server.com/api/heroes). This means that the URLs must be somehow converted to absolute when running on the server and be left relative when running in the browser.

i add hostname to loader prefix

environment.domain + '/assets/i18n/'

Now its shows Discarding entity body for GET requests

but, its only a warn, and do not crash any process

[daarxwalker]

Works for me: https://www.andremonteiro.pt/ngx-translate-angular-universal-ssr/

plus

add to package.json

"browser": {
    "fs": false,
    "path": false,
    "os": false
}

[sagrawal31]

I used Webpack TranslateLoader and it solved the error. It was because the Angular SSR is trying to get the translation file using HTTP with relative URL like /assets/i18n/en.json and it is expecting the absolute URL.

[OzgunOzdemir]

Thanks @ddmzy 🚀

[beoleg0]

Works for me: https://www.andremonteiro.pt/ngx-translate-angular-universal-ssr/

plus

add to package.json

"browser": {
    "fs": false,
    "path": false,
    "os": false
}

Hello, on what Angular version did you use it?

[kiknadze]

Works for me: https://www.andremonteiro.pt/ngx-translate-angular-universal-ssr/

plus

add to package.json

"browser": {
    "fs": false,
    "path": false,
    "os": false
}

I guess it missed TransferState in app providers array

[rittothimothy]

TransferState

Works for me: https://www.andremonteiro.pt/ngx-translate-angular-universal-ssr/ plus add to package.json

"browser": {
    "fs": false,
    "path": false,
    "os": false
}

I guess it missed TransferState in app providers array

It worked for me with angular version 15 without adding TransferState in providers .But the same issue reproduces when I do a browser refresh.