Ngx-translate: ..assets/i18n/ja.json: 404 Not Found after deployment

[ShreyaGLMS]

I am using below code for transkation.
It's totally working fine on localhost but when I deploy this on dev environment it's giving me below error.

Build created for publish also showing the json files and uloaded succesfully on server.
Can anyone help me with this issue.

angular 12
ngx-translate/core@13.0.0
@ngx-translate/http-loader@6.0.0
....
import { HttpClient } from '@angular/common/http';
import { TranslateLoader, TranslateModule, TranslateService } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';

export function HttpLoaderFactory(http: HttpClient) {
return new TranslateHttpLoader(http);
}

@NgModule({
declarations: [
...
],
imports: [
...
...
TranslateModule.forRoot(
{
loader: {
provide: TranslateLoader,
useFactory: HttpLoaderFactory,
deps: [HttpClient]
}
}
)
],
providers: [ HttpClient,
{
provide: LocationStrategy,
useClass: HashLocationStrategy,
},
{ provide: HTTP_INTERCEPTORS, useClass: MyInterceptor, multi: true } ],
bootstrap: [AppComponent],
})
...