Angular show `Error detail not sent by server.` when the server return code 400 with validation errors. #5171

2 Answer(s)

• 

  0

  masum.ulu created one year ago

  Support Team Angular Expert

  Hello Linch,

  I've refunded your credit, We solved this problem with 7.3.0-rc.1 version, PR. When you update project It'll fixed. For workaround you can use custom error handler for 400 response after the update project you can remove safely

  Example

  //error.handler.ts
  
  import { Injector } from '@angular/core';
  import { HttpErrorResponse } from '@angular/common/http';
  import { Observable, throwError } from 'rxjs';
  import { LocalizationParam } from '@abp/ng.core';
  import { Confirmation, ConfirmationService } from '@abp/ng.theme.shared';
  
  export function handleHttpErrors(injector: Injector, httpError: HttpErrorResponse) {
    if (httpError?.status === 400) {
      return showError(
        injector,
        httpError.error.error.validationErrors[0].message,
        httpError.error.error.message,
      );
    }
  
    return throwError(() => httpError);
  }
  
  function showError(
    injector: Injector,
    message: LocalizationParam,
    title: LocalizationParam,
  ): Observable<Confirmation.Status> {
    const confirmationService = injector.get(ConfirmationService);
    return confirmationService.error(message, title, {
      hideCancelBtn: true,
      yesText: 'AbpAccount::Close',
    });
  }
  

  //app.module.ts
  
  import {HTTP_ERROR_HANDLER} from '@abp/ng.theme.shared';
  import {handleHttpErrors} from './err.handler';
  
  @NgModule({
    declarations: [
     //declarations
    ],
    imports: [
     //Imports
    ],
    providers: [
     //Other providers,
      { provide: HTTP_ERROR_HANDLER, useValue: handleHttpErrors },
    ],
    bootstrap: [AppComponent],
  })
  export class AppModule {}
  

  Output

  

  Save Cancel

  1
• 

  0

  LinchArnold created one year ago

  Thanks. @masum.ulu

  Save Cancel

  2