VUEJS - 학습되지 않은 유형 오류: '인스턴스' 오른쪽에 표시되는 이유

VUEJS - 학습되지 않은 유형 오류: '인스턴스' 오른쪽에 표시되는 이유

vue.js에서 "Uncatched TypeError: 'instanceof' 오른쪽은 객체가 아닙니다"에 관한 문제에 직면해 있습니다.

Vue 2.2.1 버전을 사용하고 있습니다.다음은 이 문제가 발생한 코드 조각입니다.

Vue.component('componentName', {
'template': ``,
 props: {
  contentTypeUid: {
    type: 'string',
    required: false
  },
  limit: {
    type: 'number',
    required: false,
    default: 10
  }
 },
 ......
});

위가 아니라 아무 문제 없이 작업하지만, 소품에 대한 검증과 기본값을 지정해야 하기 때문에 위의 형식을 사용하고 싶습니다.

Vue.component('componentName', {
'template': ``,
 props: ["contentTypeUid", "limit"],
 ......
});

고마워요.

용도:

props: {
  contentTypeUid: {
    type: String, // not 'string'
    required: false
  },
  limit: {
    type: Number, // not 'number'
    required: false,
    default: 10
  }
 },

이 에러가 발생할 가능성이 있는 다른 케이스는 다음과 같습니다.

props: {
    prop_id: {
        required: true
    },
    title: 'Not specified'
},

따라서 다음과 같이 변경해야 합니다.

props: {
    prop_id: {
        required: true
    },
    title: {
        default: 'Not specified'
    }
},

언급URL : https://stackoverflow.com/questions/52852649/vuejs-why-do-i-get-uncaught-typeerror-right-hand-side-of-instanceof