HTML5 양식 디버깅

이 문서에는 몇 가지 문제 해결 시나리오가 포함되어 있습니다. 각 시나리오에 대해 문제를 해결하는 일부 단계가 제공됩니다. 다음 단계를 수행하고 문제가 지속되면 로거를 구성하여 오류/경고에 대한 로그를 가져오고 검토합니다. HTML5 양식 로깅에 대한 자세한 내용은 HTML5 양식에 대한 로그 생성을 참조하십시오.

문제:양식을 렌더링할 때 org.apache.sling.api.SlingException 페이지가 표시됩니다.

예외 세부 정보에서 에 의해​라는 단어를 검색합니다.

가능한 이유는 URL에 있는 매개 변수가 하나 이상 잘못되었기 때문입니다.

다음 매개 변수를 확인하십시오.

매개 변수 설명
템플릿 템플릿의 파일 이름
contentRoot 템플릿 및 관련 리소스가 있는 경로
dataRef 템플릿에 병합된 데이터 파일의 절대 경로입니다.
참고:경로는 데이터 파일의 절대 경로를 정의합니다.
데이터 템플릿과 병합되는 UTF-8 인코딩 데이터 바이트.

문제:양식을 렌더링할 수 없습니다(오류 메시지가 표시됨)

  1. 지정된 매개 변수가 올바른지 확인하십시오. 매개 변수에 대한 자세한 내용은 매개 변수 렌더링을 참조하십시오.

  2. CRX 패키지 관리자(https://<server>:<port>/crx/packmgr/index.jsp)에 로그인하고 다음 패키지가 올바르게 설치되었는지 확인합니다.

    • adobe-lc-forms-content-pkg-<버전>.zip
    • adobe-lc-forms-runtime-pkg-<버전>.zip
  3. https://<server>:<port>/system/console/bundles에서 CQ 웹 콘솔(Felix Console)에 로그인합니다.

    다음 번들의 상태가 "활성"인지 확인합니다.

    • scala-lang.bundle [osgi]

    (com.adobe.livecyclescala-lang.bundle)

    • Adobe XFA Forms 렌더러

    (com.adobe.livecycle.adobe-lc-forms-core)

    • Adobe XFA Forms LC 커넥터

    (com.adobe.livecycle.adobe-lc-forms-lc-connector)

문제:양식 렌더링에는 스타일이 없습니다.

  1. 브라우저에서 개발자 도구​를 엽니다. profile.css를 사용할 수 있는지 확인합니다.

  2. profile.css 파일을 사용할 수 없는 경우 https://<server>:<port>/crx/de에서 CRX DE에 로그인하십시오.

  3. 왼쪽의 폴더 계층 구조에서 /etc/clientlibs/fd/xfaforms/로 이동합니다. 폴더에 나열된 css.txt 파일을 엽니다.

    • 프로필
    • 런타임
    • scronav
    • 도구 모음
    • xfalibb
  4. css.txt에 언급된 파일이 /libs/fd/xfaforms/clientlibs/xfalib/css의 CRX DE lite에 있는지 확인합니다.

    #base=css
    application.css
    dialog.css
    datepicker.css
    scribble.css
    listboxwidget.css
    
  5. 언급된 파일을 사용할 수 없는 경우 adobe-lc-forms-runtime-pkg-<버전>.zip 패키지를 다시 설치하십시오.

문제:예기치 않은 오류가 발생했습니다.

  1. 양식 URL에서 쿼리 매개 변수 debugClientLibs를 추가하고 값을 true로 설정합니다(예:https://<server>:<port>/content/xfaforms/profiles/test.html?contentRoot=<일부 경로>&template=<xdp 파일의 이름>&log=1-a9-b9-c9&debugClientLibs=true)

  2. 크롬과 같은 데스크탑 브라우저에서 개발자 도구 -> 콘솔로 이동합니다.

  3. 로그를 열어 오류 유형을 식별합니다. 로그에 대한 자세한 내용은 HTML5 양식 로그를 참조하십시오.

  4. 개발자 도구 -> 콘솔로 이동합니다. 스택 추적을 사용하여 오류를 일으키는 코드를 찾습니다. 오류를 디버그하여 문제를 해결하십시오.

    노트

    스크립팅에 실패할 경우 양식의 PDF 변환 중에도 동일한 문제가 발생하는지 확인하십시오. 예인 경우 양식 스크립팅 논리에 문제가 있습니다.

문제: 양식을 제출할 수 없습니다.

  1. AEM 서버에 액세스할 수 있는 권한이 있고 서버에 연결되어 있는지 확인합니다.
  2. submitUrl 매개 변수가 올바른지 확인하십시오.
  3. 디버그 옵션을 1-a5-b5-c5​로 사용하여 HTML5 양식에 대한 로그에 명시된 대로 클라이언트 측 로그를 활성화합니다. 양식을 렌더링하고 [전송]을 클릭합니다. 브라우저 디버그 콘솔을 열고 오류가 있는지 확인합니다.
  4. HTML5 양식](/docs/experience-manager-65/forms/html5-forms/enable-logs.html?lang=ko)에 대해 [로그에서 설명한 대로 서버 로그를 찾습니다. 제출하는 동안 서버 로그에 오류가 있는지 확인합니다.

문제:현지화된 오류 메시지는을(를) 표시하지 않습니다.

  1. 데스크톱 브라우저에서 추가 쿼리 매개 변수 debugClientLibs=true​로 양식을 렌더링한 다음 개발자 도구 -> 리소스로 이동하여 I18N.css 파일을 확인합니다.

  2. 파일을 사용할 수 없는 경우 https://<server>:<port>/crx/de에서 CRX DE에 로그인합니다.

  3. 왼쪽의 폴더 계층 구조에서 /libs/fd/xfaforms/clientlibs/I18N으로 이동하여 다음 파일 및 폴더가 있는지 확인합니다.

    • Namespace.js
    • LogMessages.js
    • 언어 폴더
  4. 위 파일이나 폴더가 없는 경우 adobe-lc-forms-runtime-pkg-<version>.zip 패키지를 다시 설치하십시오.

  5. 로케일 이름과 동일한 이름을 가진 폴더로 이동하여 해당 컨텐츠를 확인합니다. 폴더에는 다음 파일이 있어야 합니다.

    • I18N.js
    • js.txt
  6. js.txt의 컨텐츠를 확인하고 다음 항목이 있는지 확인합니다.

    ../Namespace.js
    I18N.js
    ../LogMessages.js
    

문제:이미지가에 표시되지 않음

  1. 이미지 URL이 올바른지 확인합니다.

  2. 브라우저가 이 유형의 이미지를 지원하는지 확인합니다.

  3. 예외 세부 정보에서 에 의해​라는 단어를 검색합니다.

    가능한 이유는 URL에 있는 매개 변수가 하나 이상 잘못되었기 때문입니다.

    다음 매개 변수를 확인하십시오.
    단계 텍스트

매개 변수 설명
템플릿 템플릿의 파일 이름
contentRoot 템플릿 및 관련 리소스가 있는 경로
dataRef 템플릿에 병합된 데이터 파일의 절대 경로입니다.
참고:경로는 데이터 파일의 절대 경로를 정의합니다.
데이터 템플릿과 병합되는 UTF-8 인코딩 데이터 바이트.
  1. 데스크탑 브라우저에서 개발자 도구 -> 리소스로 이동합니다.

    이미지가 표시되는 경우 [프레임]의 왼쪽에서 선택합니다.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now