업데이트:

  • Unhandled error during execution of native event handler (네이티브 이벤트 핸들러 실행 중 처리되지 않은 오류)
    =>
    1. ref로 DOM 또는 컴포넌트에 접근을 할 수 없는 상태에서 접근하려고 할때
    2. 소스내에 오류가 있을 경우
  • Unhandled error during execution of render function
    =>
    1. vue2 문법인 this로 참조하려고 할 경우.
  • If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
    => 컴포넌트가 제대로 렌더링 되지 않았을 경우

  • Unhandled error during execution of unmounted hook
    => unmounted에서 접근할수 없는 속성을 사용했을 때

[Tip!!]

  • defineExpose
    => 자식 컴포넌트에 ref를 명시하고 부모 컴포넌트에서 자식의 ref를 접근하고자 할때
    자식 컴포넌트에서 defineExpose({ref명}); 을 선언하여야만 함.

  • Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
    =>커스텀 이벤트 넣으려면 html 태그 하나로 감싸는걸 권장한다는 경고메세지(최상위에 div를 한번 감싸서 해결)

댓글남기기