RangeError：超出最大调用堆栈大小。 谁能帮我？

Question

我有一个“输入类型文本”和一个选择。 选择的选项是：说，耳语，大喊。 我想给文本示例上色：如果selection.value为“ say”，则颜色为红色。 这是我的代码：

<script src="/socket.io/socket.io.js"></script>
<script>

    let akarmi = undefined;

    var socket = io.connect('http://192.168.0.113:3000');
    const input = document.getElementById('inp');
    const button = document.getElementById('sub');
    const container = document.createElement("div");

    input.id = "messeage-input";
    button.id = "messeage-send";
    container.id = "messeage-container";

    document.body.appendChild(input);
    document.body.appendChild(button);
    document.body.appendChild(container);

    socket.on("message", function (data) {
        const value  = document.getElementById("select").value;
        const span = document.createElement("span");
        console.log(data.type)
        const text_node = document.createTextNode(data.ip.substring(17, 20) + ": [" + data.type + "]: " + data.message);

        if (value == "whisp") {
            //span.style.backgroundColor = "rgb(60,60,70)";
            span.style.color = "rgb(120,60,120)";
        }

        if (value == "yell") {
            //span.style.backgroundColor = "rgb(60,70,60)";
            span.style.color = "rgb(60,180,120)";
        }

        if (value == "say") {
            //span.style.backgroundColor = "rgb(70,60,60)";
            span.style.color = "rgb(120,60,60)";
        }

        span.appendChild(text_node);
        container.appendChild(span);
        container.appendChild(document.createElement("br"));

        console.log((performance.now() - akarmi)/1000);

        console.log("asdas");

    });

    button.onclick = function (event) {

        socket.emit("message", {message: input.value});
        socket.emit("type", {type: document.getElementById("select").value});
        input.value = "";
        console.log("lefut");   
        akarmi = performance.now();
    }

</script>

在server.js中，我无法定义data.type：

io.on('connect', function(socket){

  socket.on("message", function (data) {
  data.ip = socket.handshake.address;
  data.type = socket.on("type", function (data){
    io.emit('type', data)
    console.log(data)
  });
  io.emit("message", data);
  });
}); 

并返回以下错误：RangeError：超出最大调用堆栈大小

谁能帮我？

Answer 1

每当您收到消息事件时，就发出消息事件。 将message事件更改为serverMessage和clientMessage 。

这样服务器代码将如下所示：

 io.on('connect', function(socket){

    socket.on("clientMessage", function (data) {
       data.ip = socket.handshake.address;
       data.type = socket.on("clientType", function (data){
         io.emit('serverType', data)
         console.log(data)
       });
       io.emit("serverMessage", data);
    });
}); 

类似的更改也需要在客户端进行。