在我的例子中，两个jQuery模态是堆叠在一起的。阻止这一切解决了我的问题。

如果您不小心导入/嵌入了相同的JavaScript文件两次，有时会出现这种情况，值得在检查器的资源选项卡中检查。

这意味着在代码的某个地方，您正在调用一个函数，该函数又调用另一个函数，以此类推，直到达到调用堆栈限制。

这几乎总是因为递归函数的基本情况没有得到满足。

查看堆栈

考虑这段代码…

(function a() {
    a();
})();

下面是几次调用后的堆栈…

正如您所看到的，调用堆栈不断增长，直到达到极限:浏览器硬编码的堆栈大小或内存耗尽。

为了修复它，确保你的递归函数有一个基本情况，能够满足…

(function a(x) {
    // The following condition 
    // is the base case.
    if ( ! x) {
        return;
    }
    a(--x);
})(10);

我在express/nodejs应用程序中得到了这个错误，当MongoDB数据库的模式和我们创建的模型不匹配时。

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

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

<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函数应用于子元素。

在我的例子中，在app。module中。ts，我得到这个错误，因为我在imports和entryComponents中声明了组件。

Example:

import { MyComponent } from '....';

@NgModule({
  declarations: [
    MyComponent 
  ],
  imports: [
    MyComponent  -- > remove this from here!!!!
  ],
  providers: [],
  bootstrap: [AppComponent],
  entryComponents: [MyComponent]
})
export class AppModule { }