How to implement file path for different environments

Question

I'm trying to implement ngx-translate from this tutorial:

Locally when I run the angular app using npm start it's working fine. But when I want to use custom subdir like this: ng build --output-path angular --base-href=/angular/ and to deploy it on Apache server the file is not found.

File is located under src\assets\i18n\en.json

I get multiple errors like this:

message: "Http failure response for http://123.123.123.123/assets/i18n/en.json: 404 Not Found"

With some luck I managed to solve this using this code:

export function HttpLoaderFactory(httpClient: HttpClient) {
  return new TranslateHttpLoader(httpClient, '/angular/assets/i18n/', '.json');
}

But now when I run locally using ng start the files is not found.

Do you know how this can be fixed in both cases?

what version of angular do you use?

Chris
– Chris

2020-04-07 21:23:07 +00:00
Commented Apr 7, 2020 at 21:23 — Chris
– Chris, Commented Apr 7, 2020 at 21:23
I use Angular: 9.1.0

Peter Penzov
– Peter Penzov

2020-04-07 21:29:52 +00:00
Commented Apr 7, 2020 at 21:29 — Peter Penzov
– Peter Penzov, Commented Apr 7, 2020 at 21:29

Chris · Accepted Answer · 2020-04-07 21:29:56Z

1

you must change in relative path

export function HttpLoaderFactory(httpClient: HttpClient) {
  return new TranslateHttpLoader(httpClient, 'assets/i18n/', '.json');
}

answered Apr 7, 2020 at 21:29

Chris

2,45616 silver badges23 bronze badges

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

1 Comment

Peter Penzov Over a year ago

I have one additional question: stackoverflow.com/questions/61070841/… Have you faced this before?

Collectives™ on Stack Overflow

How to implement file path for different environments

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related