Jsf 2 java.lang.IllegalStateException:在视图中已找到组件ID

我一直在犯这个错误。在阅读了关于stackOverflow的其他一些建议后，我向所有组件添加了id，并更改了会话范围

我正在尝试创建一个包含选项卡的可折叠面板

tabbb.xhtml

<cc:implementation>
    <h:panelGroup layout="block" styleClass="collapsiblePanel-header">

        <h:commandButton id="toggleButton"
            action="#{cc.attrs.bean1.togglePanel}"
            styleClass="collapsiblePanel-img"
            image="#{cc.attrs.bean1.collapsed ? '/resources/images/plus.png' : '/resources/images/minus.png'}" />
    </h:panelGroup>
    <h:panelGroup layout="block" rendered="#{cc.attrs.bean1.collapsed}"
        styleClass="collapsiblePanel-img2">
        <cc:renderFacet name="tabs">
            <js:forEach items="#{cc.attrs.bean2.tabBean}">
                <h:outputText>"${cc.attrs.bean2.tabBean}"</h:outputText>
        <li><h:commandLink
                value="#{cc.attrs.bean2.tabBean.description}">
                <f:param name="tabIndex" value="#{cc.attrs.bean2.randomNum}" />
                        <f:ajax event="click" render=":contentForm"
                            listener="#{bean2.handleTabChange}" />
                    </h:commandLink>
                </li>
            </js:forEach>
        </cc:renderFacet>
    </h:panelGroup>
    <cc:insertChildren />
    <h:outputStylesheet library="css" name="components.css" />
</cc:implementation>

“${cc.attrs.bean2.tabBean}”

使用页面：tabbedclapsible.xhtml

<h:body>
<h:form id="testform">
    <h:outputText value="Tabbed collapsible panel test page" />

    <jl:tabbb bean1="${collPanel}" bean2="${tabbBean}">
        <f:facet name="tabs">
            <h:outputText value="This Is Cool" />
        </f:facet>

    </jl:tabbb>
</h:form>
</h:body>

bean

collPanel

和

tabbBean

都是请求范围

此外，表单不会呈现选项卡。我是JSF的新手，我已经被这个问题困扰了很长时间。谢谢。

什么是

？那部分看起来不太对劲。