javascript - 重新渲染视图导致错误

Question

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

application.js（视图）

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

应用程序.hbs

{{outlet}}

应用程序布局1.hbs

Layout 1 header
{{yield}}
Layout 1 footer

应用程序-layout2.hbs

Layout 2 header
{{yield}}
Layout 2 footer

它工作正常，但我收到来自 Ember 的一些错误，具体取决于我所在的页面。

从第 1 页开始，当我单击时，我得到以下信息：

断言失败：尝试使用已在使用的 id 注册视图：null

从第 2 页开始：

TypeError：无法读取 null 的属性“parentNode”

你知道这些错误是从哪里来的吗？谢谢