Приложение Angular продолжает говорить, что сообщение не существует

Я создаю приложение для чата с Angular и Django, используя учебник get stream. https://getstream.io/blog/realtime-chat-django-angular/

Однако я пытаюсь запустить приложение, чтобы создать представление чата, но оно продолжает говорить, что 'messages' не существует в точке, отмеченной "this point" в коде.

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { MessageResponse, Channel } from 'stream-chat';

import { StreamService } from '../stream.service';
import { StateService } from '../state.service';

declare const feather: any;

@Component({
  selector: 'app-chat',
  templateUrl: './chat.component.html',
  styleUrls: ['./chat.component.scss'],
})

export class ChatComponent implements OnInit {
  constructor(
    public streamService: StreamService,
    private stateService: StateService,
    private router: Router
  ) {}

  messages: MessageResponse[] = [];
  message = '';
  channel!: Channel;

  async sendMessage() {
    if (this.message) {
      try {
        await this.channel.sendMessage({
          text: this.message,
        });
        this.message = '';
      } catch (err) {
        console.log(err);
      }
    }
  }

  getClasses(userId: string): { outgoing: boolean; incoming: boolean } {
    const userIdMatches = userId === this.streamService.currentUser.messages.id;   (this point)
    return {
      outgoing: userIdMatches,
      incoming: !userIdMatches,
    };
  }
}

Вернуться на верх