Angular 6解析器中引发的错误将丢失错误自定义类型

Question

我正在尝试在解析器中引发自定义错误，这些错误是我使用全局错误处理程序捕获的。我可以在组件中抛出错误，并且可以很好地解决问题，但是当我在解析器中抛出错误时，它们的类型将更改为标准Error类型。

这是一个正常运行的复制品：https : //stackblitz.com/edit/angular-gitter-vvgys6

设定

class DisplayableError extends Error {
// ...
}


@Injectable()
export class GlobalErrorHandlerService {
  constructor() { }

  handleError(error) {

    console.log('GOT ERROR instance of DisplayableError', error instanceof DisplayableError);

  }
}

工作用法

在任何组件中，我都可以抛出一个错误，并且该错误被捕获在全局错误处理程序中，并且是的一个实例DisplayableError。

throw new DisplayableError('blah');

用法破损

当我在解析器中抛出错误时，实例类型将更改为Error并instanceof DisplayableError返回false。

@Injectable()
export class StoreGetResolver implements Resolve<StoreModel> {
  constructor(
    private storeService: StoreService,
  ) { }

  resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<StoreModel> {

    let storeId = route.paramMap.get('storeId');
    return this.storeService.get(storeId)
      .catch(error => Observable.throw(new DisplayableError('my custom error')));
  }

}

我也试过了

resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<StoreModel> {

  let storeId = route.paramMap.get('storeId');
  return this.storeService.get(storeId)
    .do(
      () => { },
      error => throw new DisplayableError('my custom error')
    );
}

...甚至这个

resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<StoreModel> {
  throw new DisplayableError('my custom error');

}

使用正确的数据调用DisplayableError的构造函数，并且消息甚至将其传递给全局错误处理程序，但是错误是类型的Error而不是DisplayableError到达时的类型

Answer 1

这是 Typescript 的一个已知问题：https ://github.com/Microsoft/TypeScript/issues/13965

解决方法是对原型进行一些修改：

// Use this class to correct the prototype chain.
export class MyError extends Error {
    __proto__: Error;
    constructor(message?: string) {
        const trueProto = new.target.prototype;
        super(message);

        // Alternatively use Object.setPrototypeOf if you have an ES6 environment.
        this.__proto__ = trueProto;
    }
}