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

在我的例子中，在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 { }

在我的例子中，我发送的是输入元素而不是它们的值:

$.post( '',{ registerName: $('#registerName') } )

而不是:

$.post( '',{ registerName: $('#registerName').val() } )

这冻结了我的Chrome标签到一个点，它甚至没有显示我的“等待/杀死”对话框，当页面变得无响应…

遇到同样的问题，不知道怎么回事，开始责怪巴别塔;)

在浏览器中不返回任何异常的代码:

if (typeof document.body.onpointerdown !== ('undefined' || null)) {

问题是严重创建||(或)部分Babel创建自己的类型检查:

function _typeof(obj){if(typeof Symbol==="function"&&_typeof(Symbol.iterator)==="symbol")

所以删除

|| null

让巴别塔翻译起作用了。

在我的情况下，问题是，因为我有与父路径相同的子路径:

const routes: Routes = [
  {
    path: '',
    component: HomeComponent,
    children: [
      { path: '', redirectTo: 'home', pathMatch: 'prefix' },
      { path: 'home', loadChildren: './home.module#HomeModule' },
    ]
  }
];

所以我不得不取消了儿童路线的路线

const routes: Routes = [
  {
    path: '',
    component: HomeComponent,
    children: [
      { path: 'home', loadChildren: './home.module#HomeModule' },
    ]
  }
];

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

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

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