Interceptor.intercept不是函数

Question

我一直在尝试实现一个应用程序范围的拦截器，但是，我一直看到以下错误：

TypeError: this.interceptor.intercept is not a function

经过多次调试，我意识到发生这种情况的原因是因为我有一个从子组件中调用的服务。当我使用来自app.component的自定义拦截器时，一切正常工作，但是如果我从子组件中使用它，我就会得到这个错误。我不知所措。这是一个代码示例。我设置它的方式与我的应用程序的设置方式大致相同：

https://angular-rbbkvv.stackblitz.io/test/index (没有验证；没有发布这样的数据)

如您所见，我正在显示错误，这是上面发布的错误。最重要的是，如果您遵循“网络”选项卡，您将不会看到正在发布的帖子。

我在这个问题上花了好几天时间，我感到不知所措。我真的希望我做了一件很简单的错事。

我非常感谢你的帮助！

Answer 1

在下面的内容中使用的是useValue

providers: [
  { 
    provide: HTTP_INTERCEPTORS,
    useValue: MyHttpInterceptor,
    multi: true
  }
]

用useClass替换它，它应该可以工作