nuxt.js의 props type에 File 객체를 설정할 수 없나요?

Question

안녕하세요.현재 nuxt.js(typescript)로 프로젝트를 진행중인데요.자식 컴포넌트에서 props로 데이터를 전달받는데 아래와 같이 type을 File 객체로 설정하면File is not defined 에러가 뜹니다childComponent.vue

export default Vue.extend({
    props: {
        value: {
            type: File,
            default: null,
        },
    },
});type을 Object로 설정을 하면 아래와 같은 에러가 뜨구요..Invalid prop: type check failed for prop "value". Expected Object, got File구글링을 계속 해봐도 마땅한 답변을 찾지 못했는데요혹시나 원인이 뭔지 아시는분 계신가요?감사합니다.

제로초 · Accepted Answer

nuxt이시면 컴포넌트가 브라우저뿐만아니라 서버쪽에서도 실행될텐데 노드 서버에는 File 객체가 없습니다. 브라우저에만 존재하는 객체입니다. 따라서 Object 타입으로 하고 validator를 통해서 props instanceof File인지 체크하는 식으로 하셔야할 것 같습니다.

생활꿀팁

생활꿀팁

nuxt.js의 props type에 File 객체를 설정할 수 없나요?