Cannot read property ‘props’ of undefined 에러 메시지 해결 (Vue.js)


Categories: Web
Tags: #JavaScript #Vue

현상

Cannot read property 'props' of undefined 에러가 발생

vue.esm.js:1356 Uncaught (in promise) TypeError: Cannot read property 'props' of undefined
    at normalizeProps (vue.esm.js:1356)
    at mergeOptions (vue.esm.js:1458)
    at mergeOptions (vue.esm.js:1467)
    at Function.Vue.extend (vue.esm.js:4803)
    at vue-router.esm.js:1753
    at vue-router.esm.js:1833

원인

  • test.js, test.vue 와 같이 이름이 같은 파일들이 같은 폴더 안에 존재
  • import할 때, 확장자 생략
    • ex. import Test from './test'
  • minxin 할 컴포넌트를 js 파일로 가져와서 mixin하려고 해서 발생하는 이슈

해결 방법

  • 파일 명을 다르게 가져가거나
  • import 할 때 파일 확장자 명시

참고

Comments