primeface toggleSwitch未在Bean中设置值

我正在使用primeface 7和java 13。

我的问题是，当我在ap：dialog中使用ap：toggleSwitch时，切换开关的设置没有发生，它显示警告， 警告[http-nio-8080-exec-10] com.sun.faces.application.resource.ResourceHandlerImpl .logMissingResource JSF1064：无法找到或提供资源/foo/#.xhtml。

我的对话框如下

<h:form id="dialogs">
<p:dialog header="FOO" id="foo" widgetVar="foo" modal="true" styleClass="dialog-body"
 width="auto" height="auto" closeOnEscape="true">
<p:toggleSwitch value="#{bean.booleanValue}" styleClass="toggleSwitch-right-50" immediate="true">
<p:ajax event="change" update="dialogs" onsuccess="foo.show()"/> </p:toggleSwitch>
<h:panelGroup rendered="#{bean.booleanValue}">
.........something......
</h:panelGroup>

</p:dialog>
</h:form>

当我更改切换开关时，浏览器控制台中将显示错误，如下所示

ReferenceError: foo is not defined
at Object.onsu (fooo.xhtml:373)
at Object.<anonymous> (core.js.xhtml?ln=primefaces&v=7.0:3)
at u (jquery.js.xhtml?ln=primefaces&v=7.0:2)
at Object.fireWith [as resolveWith] (jquery.js.xhtml?ln=primefaces&v=7.0:2)
at k (jquery.js.xhtml?ln=primefaces&v=7.0:2)
at XMLHttpRequest.<anonymous> (jquery.js.xhtml?ln=primefaces&v=7.0:2)