angular - Interceptor.intercept 不是函数

Question

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

TypeError: this.interceptor.intercept is not a function

经过多次调试，我意识到它发生的原因是因为我有一个从子组件调用的服务。当我使用 app.component 中的自定义拦截器时，一切正常，但如果我从子组件中使用它，则会出现该错误。我很茫然。这是一个代码示例。我的设置方式与我的应用设置方式大致相同:

https://angular-rbbkvv.stackblitz.io/test/index (没有验证；没有进行 POST，因此收集了数据)

如你所见，我显示的是错误，就是上面贴出的错误。最重要的是，如果您点击网络选项卡，您将看不到正在生成的 POST。

我在这个问题上花了几天时间，但我不知所措。我真的希望我做错了一些非常简单的错误。

非常感谢您的帮助!

Answer 1

您在下面使用useValue

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

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