vue.js + typescript에서 객체 배열의 데이터를 선언하는 방법

Question

vue.js 3 + typescript에 이 코드가 있습니다. 데이터에 객체 배열을 선언하고 싶은데 몇 가지 오류가 나타납니다.

으아아아

id, text, username 및 like 유형 "number" 또는 "string"은 "never" 유형에 할당할 수 없습니다. ts(2322) 빈 배열이 있는 항목을 선언할 때 데이터에 property:never라고 되어 있고 다음과 같이 선언하고 싶습니다: {id:number, body:string,username:string, likes:number}[]

올바르지 않은 경우 typescript를 사용하여 이 선언을 처리하는 올바른 방법은 무엇입니까? 아니면 tsconfig.json 등을 구성해야 할 수도 있습니다

미리 감사드립니다 아, 앱이 잘 작동해요! !

이것은 내 tsconfig.json입니다:

으아아아

이것은 내 vue.config.js입니다

으아아아

내 바벨 구성

으아아아

내 shims-vue.d.ts

으아아아

그리고 내 .eslintrc.js

으아아아

vue create app-name을 사용한 기본 구성

Answer 1

유형이 포함된 항목 배열을 미리 정의하면 TypeScript 오류가 수정됩니다. 다음과 같이 작동해야 합니다:

으아아아