这将是非常有帮助的。事实上，在Angular中，整个应用程序“沉没”在某个组件中的一个错误上，这只是令人尴尬👎

完全同意！在组件级别上拥有错误处理程序将非常有帮助，允许更细粒度和更灵活的错误管理。
在我们的例子中，我们在UI库中有一个（让我们称之为）“构建块”，它由多个组件、指令和服务组成。我们的想法是在最外层的组件上有一个事件，一旦抛出一个错误，它就会发出--无论它发生在组件层次结构的哪个位置。
作为一种解决方案，我们已经实现了一个服务，至少允许这个功能来处理我们自己引发的错误。尽管如此，如果Angular在某个时候失败了，我们没有能力捕捉它。现在应用程序将负责，它基本上必须重定向到一个错误页面/重新加载应用程序-因为它不能更好地处理这个错误（例如，通过不呈现页面的这一部分）。

有什么进展吗？

错误边界.组件.ts

import {
  ChangeDetectorRef,
  Component,
  ErrorHandler,
  ContentChild,
  TemplateRef,
} from '@angular/core';

@Component({
  selector: 'error-boundary',
  templateUrl: './error-boundary.component.html',
})
export class ErrorBoundaryComponent {
  constructor(
    private readonly changeDetector: ChangeDetectorRef,
    private readonly errorHandler: ErrorHandler,
  ) {
    this.changeDetector.detach();
  }

  @ContentChild(TemplateRef)
  template: TemplateRef<{}>;

  ngDoCheck() {
    try {
      this.changeDetector.detectChanges();
    } catch (e) {
      this.errorHandler.handleError(e);
    }
  }
}

错误边界.组件.html

<ng-container *ngTemplateOutlet="template"></ng-container>

示例.组件.html

<header>Header<header>
<error-boundary>{{ error() }}</error-boundary>
<footer>Footer</footer>

@pauldraper我尝试用一个库中的子组件来实现这个功能（显然我不能在库中构建错误处理）。你知道我该怎么做吗？

@sandrooco显然没有办法，这不是某个组件可以轻易解决的问题，这是Angular框架的一个全球性的严重问题，一直被Angular团队忽略。

有一个npm包可以帮助我们实现组件上的错误处理，就像React一样。
https://www.npmjs.com/package/ngx-error-boundary的最大值
这应该会有帮助

@shivekundefined不，这是完全不同的事情。我检查了代码，这个库基本上只提供了一个服务，带有“handleError”方法+一个组件来处理错误。
@pauldraper上面的回答要简短得多，也很有用。

但是，我们在这里讨论的不是简单的错误处理，而是低级的Angular 功能：能够在呈现组件时忽略错误，并继续优雅地运行应用程序。（请记住，您也有来自其他库的第3方组件）。

这就是为什么它说错误边界：错误只在有限的范围内有效。我们不是说“错误处理”🙂