You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular组件构造函数使用问题:chatSvc属性不存在报错

问题解决:Angular构造函数注入ChatService报错Property 'chatSvc' does not exist on type 'AppComponent'

你的代码存在两个关键问题,导致了这个报错:

  • 构造函数拼写错误:你写的是constuctor,正确拼写应为constructor。
  • 未将注入的服务声明为类属性:构造函数中的chatSvc参数没有添加访问修饰符(private/public/protected),Angular无法自动将其挂载为类的成员属性,因此无法通过this.chatSvc访问。

修复后的代码如下:

export class AppComponent {
  title = 'chat';
  // 修正拼写错误,并添加private修饰符将服务转为类属性
  constructor(private chatSvc: ChatService) { }

  sendMessage() {
    let body = { message: "message"}
    this.chatSvc.sendMessage(body).subscribe((result: any) => {
      if (result && result.statusCode) {
        // 这里添加你的业务处理逻辑
      }
    });
  }
}

内容的提问来源于stack exchange,提问作者klp

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.28 20:02:01