# Ionic 7 Multilanguage App without app.modules.ts

**URL:** <https://forum.ionicframework.com/t/ionic-7-multilanguage-app-without-app-modules-ts/232516>\
**Category:** Ionic Framework\
**Created:** [April 8, 2023, 12:13pm UTC](https://forum.ionicframework.com/t/ionic-7-multilanguage-app-without-app-modules-ts/232516 "2023-04-08T12:13:39Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![lsantaniello](https://avatars.discourse-cdn.com/v4/letter/l/e495f1/32.png) [@lsantaniello](https://forum.ionicframework.com/u/lsantaniello)\
**Post date:** [April 8, 2023, 12:13pm UTC](https://forum.ionicframework.com/t/ionic-7-multilanguage-app-without-app-modules-ts/232516/1 "2023-04-08T12:13:39Z")

</div>

Hi everyone,  
In my old app (\<= v6), I used standard configuration for ngx-translate dependency but in ionic 7 `src/app/app.modules.ts` file is not present. How works in ionic7?

In my old apps:

```auto
npm install @ngx-translate/core
npm install @ngx-translate/http-loader

```

In `src/app/app.modules.ts` add these imports:

```auto
import { HttpClientModule, HttpClient } from '@angular/common/http';
import { TranslateModule, TranslateLoader } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';

```

Load TranslateHttpLoader from the JSON files

```auto
export function createTranslateLoader(http: HttpClient) {
  return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}

```

Add TranslateModule to the @NgModule imports block:

```auto
@NgModule({
  ...
  imports: [
    ...
    HttpClientModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: (createTranslateLoader),
        deps: [HttpClient]
      }
    })
  ],
  ...
})

```

Help me please

---

<div class="post-metadata">

**Author:** ![EinfachHans](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/einfachhans/32/130917_2.png) [@EinfachHans](https://forum.ionicframework.com/u/EinfachHans)\
**Post date:** [April 8, 2023, 2:33pm UTC](https://forum.ionicframework.com/t/ionic-7-multilanguage-app-without-app-modules-ts/232516/2 "2023-04-08T14:33:04Z")

</div>

Does this help you? [NgxTranslate Support for Standalone? · Issue #1398 · ngx-translate/core · GitHub](https://github.com/ngx-translate/core/issues/1398)

---

<div class="post-metadata">

**Author:** ![techbinomial](https://avatars.discourse-cdn.com/v4/letter/t/b4bc9f/32.png) [@techbinomial](https://forum.ionicframework.com/u/techbinomial)\
**Post date:** [April 10, 2023, 1:26pm UTC](https://forum.ionicframework.com/t/ionic-7-multilanguage-app-without-app-modules-ts/232516/3 "2023-04-10T13:26:23Z")

</div>

Add providers in main.ts

```auto
importProvidersFrom(TranslateModule.forRoot(
      {
        loader: {
            provide: TranslateLoader,
            useFactory: createTranslateLoader,
            deps: [HttpClient]
          }
        }
    )),

```

details ///[Ionic 7 : Create a multi language Ionic application with ngx-translate - YouTube](https://www.youtube.com/watch?v=-xUAuFMYXbM)

---

<div class="post-metadata">

**Author:** ![basti](https://avatars.discourse-cdn.com/v4/letter/b/fbc32d/32.png) [@basti](https://forum.ionicframework.com/u/basti)\
**Post date:** [September 11, 2024, 3:56pm UTC](https://forum.ionicframework.com/t/ionic-7-multilanguage-app-without-app-modules-ts/232516/4 "2024-09-11T15:56:59Z")

</div>

I tried it, but when I’m importing the TranslateService in the app.component.ts, I always get:

```auto
ERROR NullInjectorError: R3InjectorError(Standalone[AppComponent])[TranslateService -> TranslateService -> TranslateLoader -> HttpClient -> HttpClient]: 
  NullInjectorError: No provider for HttpClient!

```

Do you have any further hints?