Javascript 跟踪未触发的组件操作

我有一个EmberJS组件，他的行为根本不会被解雇。我用我使用的库的版本制作了一个基本的JSFIDLE示例，该应用程序没有这个问题

这使我得出结论，我在堆栈中包含了一些干扰组件操作的内容（有ember auth等）

下面是一个在我的堆栈中不起作用的简单示例：

{{! component class }}
// ...
  actions: {
    accept: function(){ console.log("accepted") }
  }

{{! list-item.handlebars }}
<button {{action 'accept'}}>click to accept</button>

{{！组件类}
// ...
行动：{
accept:function（）{console.log（“accepted”）}
}
{{！list-item.handlebar}
点击接受

因此，我的问题变成了：如何跟踪组件操作，以查看应用程序的哪些部分妨碍了操作的正确执行

更新（14/11）

---

我的组件名为

App.ListItemComponent

，把手模板名为

list item.handlebar

您如何命名您的组件类和组件.hbs文件？您可以发布小提琴吗？一种方法是在调用堆栈工作时查看它是什么，并在此基础上在应用程序上设置断点。@chopper我已经用组件和hbs名称更新了它。但组件显示良好；动作并没有引起轰动。@AmirT我只是从通用的emberjs小提琴更改了版本。在这种情况下，操作仍然有效。所以这是我特别的一堆东西。我包含了很多东西，所以我需要一些方法来跟踪组件操作是如何在堆栈中冒泡的。。