重新查看视图会导致错误

Question

当我点击页面中的任意位置时，我想更改页面的布局。 基本上我做了什么，在我的应用程序视图中，我创建了一个更改layoutName的函数，然后重新渲染视图。

application.js（查看）

export default Ember.View.extend({
    layoutName: 'application-layout1',
    click: function () {
        this.set('layoutName', 'application-layout2');
        this.rerender();
    }
});

application.hbs

{{outlet}}

应用layout1.hbs

Layout 1 header
{{yield}}
Layout 1 footer

应用layout2.hbs

Layout 2 header
{{yield}}
Layout 2 footer

它工作正常，但我从Ember那里得到一些错误，具体取决于我所在的页面。

从第1页开始，当我点击时，我明白了：

  

断言失败：尝试注册已包含ID的视图   使用：null

从第2页开始：

  

TypeError：无法读取属性＆＃39; parentNode＆＃39;为null

您是否知道这些错误的来源？ 感谢