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

구글링을 계속 해봐도 마땅한 답변을 찾지 못했는데요

혹시나 원인이 뭔지 아시는분 계신가요?

감사합니다.

Answer 1

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