jsf - ImageCropper を使用して PrimeFaces で画像をトリミングできません

Question

私のプロジェクトでは、Image Cropper を使用して画像をトリミングする必要があります。画像クロッパーのショーケースの例を試しましたが、トリミング ボタンをクリックするとエラーがスローされます

.j_id_8:j_id_b: Conversion error occurred.

そしてcropメソッドを呼び出しません。エラー メッセージが表示され、エラーが解消されません。この問題を解決するにはどうすればよいですか?

XHTML ページ

<ui:define name="centerPageContent">
<h:form id="profilePictureForm">
    <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
    <h:panelGrid columns="2">
        <p:imageCropper value="#{profilePicture.croppedImage}" image="#{profilePicture.sampleImage}" initialCoords="225,75,300,125" />
        <p:graphicImage id="localCroppedImage" value="../images/images1.jpg" /> </h:panelGrid>
    <p:commandButton value="Crop" action="#{profilePicture.crop}" update="localCroppedImage" /> </h:form>
</ui:define>
</ui:composition>