检查Chrome dev工具栏控制台中的错误细节，这将为您提供调用堆栈中的函数，并指导您找到导致错误的递归。

我知道这个帖子很旧了，但我认为值得一提的是我发现这个问题的场景，所以它可以帮助其他人。

假设你有这样的嵌套元素:

<a href="#" id="profile-avatar-picker">
    <span class="fa fa-camera fa-2x"></span>
    <input id="avatar-file" name="avatar-file" type="file" style="display: none;" />
</a>

您不能在其父元素的事件内操作子元素事件，因为它会传播到自身，进行递归调用，直到抛出异常。

所以这段代码会失败:

$('#profile-avatar-picker').on('click', (e) => {
    e.preventDefault();

    $('#profilePictureFile').trigger("click");
});

你有两个选择来避免这种情况:

将子对象移动到父对象的外部。 将stopPropagation函数应用于子元素。

在我的情况下，我得到这个错误的ajax调用和数据，我试图传递的变量没有定义，这是显示我这个错误，但不是描述变量没有定义。我加上定义了变量n的值。

在我的例子中，我有两个同名的变量!

检查Chrome dev工具栏控制台中的错误细节，这将为您提供调用堆栈中的函数，并指导您找到导致错误的递归。

有时是因为转换数据类型，例如你有一个对象，你认为是字符串。

套接字。以nodejs客户端的Id为例，它不是一个字符串。要将它作为字符串使用，你必须在前面添加单词string:

String(socket.id);