PrimeFaces：Uncaught TypeError：无法读取未定义的属性'show'

Question

我想在点击按钮时显示一个dailog框。但我得到了

  

未捕获的TypeError：无法读取未定义的属性'show'

错误。

这是我的代码：

<div class="event_status #{periodModel.styleClass}">
                <!-- <span class="glyphicon glyphicon-certificate"></span> -->

                <h:form>

                    <h:panelGrid columns="1" cellpadding="5">
                        <p:commandButton value="Modal" onclick="PF('dlg2').show();"
                            type="button" />
                    </h:panelGrid>

                    <p:dialog id="dlg2" header="Modal Dialog" widgetVar="dlg2" modal="true"
                        height="100">
                        <h:outputText value="This is a Modal Dialog." />
                    </p:dialog>



                </h:form>
            </div>

我还在我的lib文件夹中添加了primefaces-6.0.jar。

另外，我在控制台中收到以下两个js错误。

请帮帮我。提前谢谢。