[javascript] error: Cannot read property '_wrapper' of undefined. (Vue.js 에러)

Vue로 개발하는 과정에서 중간에 빌드 후 테스트를 하면 꼭 한번씩 발생하는 기본적인 에러이다.

 

 

오류 발생 시나리오

화면단에 새로운 클릭이벤트 기능을 추가하는 과정에서 빌드 하였을때 화면이 로딩되지 않음.

 

해결

template단에서 @click을 통해 함수를 호출하였으나

script 단에서 해당 함수를 정의하지 않았기 때문에 발생한 오류이다.

콘솔로그를 반환하는 빈 함수를 정의하여 해결하면 된다.

 

예시

<template>

@click="changeData"

 

<script>

changeData () {

console.log('temp function!')

}

 

- 참고링크

https://stackoverflow.com/questions/55552506/how-to-fix-cannot-read-property-wrapper-of-undefined-error-when-using-webpa