[vue3] Component emitted event "함수이름" but it is neither declared in the emits option nor as an "on함수이름" prop.

Component emitted event "함수이름" but it is neither declared in the emits option nor as an "on함수이름" prop.

 

1. emit에 쓴 이벤트 확인

컴포넌트간에 데이터, 함수를 주고받을때 쓰는 props와 emit를 사용하다보면 가끔 이런 오류가 뜨곤하는데 그냥 이름을 잘못써서 그러함.

<!-- 부모 컴포넌트 -->
<Child @action="updateSomething"></Child>

// 자식 컴포넌트
const emit = defineEmits(["action"]);

emit("action") // 혹시 여기에 action이 아닌 updateSomething같이 함수이름을 쓴건 아닌가 확인 필요