title: Getting "Cannot read property 'instant' of undefined" when using ngx-translate (TranslateService) whitin a service
body: <p>I'm trying to translate via component, because I intend to use the translation in a sweetAlert pop up. I'm getting &quot;Cannot read property 'instant' of undefined&quot; though. I'd like to understand where I'm mistaken.</p>
  <p><strong>Note:</strong> I'm using lazy load modules</p>
  <p>AppModule</p>
  <pre><code>imports: [
      ..., // for short
      TranslateModule.forRoot({
        loader: {
          provide: TranslateLoader,
          useFactory: HttpLoaderFactory,
          deps: [HttpClient]
        },
      })
    ],
  </code></pre>
  <p>My service where I'm trying to use TranslateService</p>
  <pre><code>@Injectable({
    providedIn: &quot;root&quot;
  })
  export class UtilsService {
  constructor(
      private alertMsg: ToastrService,
      private http: HttpClient,
      private router: Router,
      private storage: StorageService,
      private translate: TranslateService
    ) {
  
    }
  }
  
  
  showAlertRequestError(err: HttpErrorResponse) {
      debugger
      let erroMsgTranslated: string;
      switch (err.status) {
        case 500:
        case 404:
          erroMsgTranslated = this.translate.instant('STATUSCODEMESSAGES.CLIENTERRORS.404')
          Toast.fire(erroMsgTranslated, ` Message: ${err.message}. Status: ${err.status}`, 'error');
          break;
        case 400: 
          Toast.fire('', ` Message: ${err.error.error}. Status: ${err.status}`, 'info');
          break;
        case 408:
          erroMsgTranslated = this.translate.instant('STATUSCODEMESSAGES.CLIENTERRORS.408')
          Toast.fire(erroMsgTranslated, ` Message: ${err.error.error}. Status: ${err.status}`, 'warning');
          break;
        default:
          Toast.fire(`${err.message},`, `Stats: ${err.status}`, 'warning')
      }
    }
  </code></pre>