Angular Socket.io不会传播/发出字符串

我将学习本教程：

直到最后一步，与其他用户通信时，一切都正常工作

这是我的index.js：

let express = require('express')
let app = express();

let http = require('http');
let server = http.Server(app);

let socketIO = require('socket.io');
let io = socketIO(server);

const port = process.env.PORT || 3000;

io.on('connection', (socket) => {
    console.log('user connected');
    socket.on('new-message', (message) => {
        console.log(message);
        io.emit(message);
    });
});

server.listen(port, () => {
    console.log(`started on port: ${port}`);
});

我故意将console.log留在那里，以查看消息是否仍在发送，它们确实在发送

然后，这是我的app.component.ts：

import { Component } from '@angular/core';
import { ChatService } from '../chat.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  message: string;
  messages: string[] = [];

  constructor(private chatService: ChatService) {
  }

  sendMessage() {
    this.chatService.sendMessage(this.message);
    this.message = '';
  }

  ngOnInit() {
    console.log('Starting...');
    this.chatService
        .getMessages()
        .subscribe((message: string) => {
          console.log('message sent');
          this.messages.push(message);
        });
  }
}

我得到控制台。记录“开始…”；但它从未到达控制台；控制台中的一部分

以下是chat.service.ts：

import * as io from 'socket.io-client';
import { Observable } from 'rxjs';

export class ChatService {
    private url = 'http://localhost:3000';
    private socket;

    constructor() {
        this.socket = io(this.url);
    }

    public sendMessage(message) {
        this.socket.emit('new-message', message);
    }

    public getMessages = () => {
        return Observable.create((observer) => {
            this.socket.on('new-message', (message) => {
                observer.next(message);
            });
        });
    }
}

---

我看这里没有什么问题。任何帮助都将不胜感激。

出现问题的是服务器中的io.emit。您只传入消息，但io.emit的第一个参数是事件。只需添加“new-message”作为第一个参数，消息就会到达您的客户端套接字

socket.on('new-message', (message) => {
    console.log(message);
    io.emit('new-message', message);
});