vue.js + typescriptでオブジェクト配列のデータを宣言する方法

Question

このコードは vue.js 3 タイプスクリプトにあります。データ内のオブジェクトの配列を宣言したいだけですが、いくつかのエラーがポップアップ表示されます

リーリー

id、本文、ユーザー名などのタイプ「number」または「string」は、タイプ「never」に割り当てることができません。 ts(2322) データでは空の配列で項目を宣言するときに property:never と書かれているため、次のようなものを宣言したいのです: {id:number, body:string,username:string, likes:number}[]

正しくない場合、typescript を使用してこの宣言を処理する正しい方法は何ですか。あるいは、tsconfig.json などを構成する必要があるかもしれません。

＃＃＃前もって感謝します ああ、アプリはうまく機能します! ！

これは私の tsconfig.json です:

リーリー

これは私の vue.config.js です

リーリー

私のBabel構成

リーリー

私の shims-vue.d.ts

リーリー

と私の .eslintrc.js

リーリー

vue create app-name によるデフォルト設定のみ

Answer 1

事前に型を使用して項目の配列を定義すると、TypeScript エラーが修正されるはずです。次のようなものが機能するはずです:

リーリー