輸入'字符串| ArrayBuffer' 不可分配給類型 'string'

Question

從 FileReader 讀取字符串的 TypeScript 錯誤

讀取文件內容的簡單代碼：

const reader: FileReader = new FileReader();
       reader.readAsText(file);
       reader.onload = (e) => {
          const csv: string = reader.result; -> getting TS error on this line
}

我得到的打字稿錯誤：

Type 'string | ArrayBuffer' is not assignable to type 'string'.
  Type 'ArrayBuffer' is not assignable to type 'string'.

Answer 1

錯誤消息說明了一切。

您聲明了一個string類型的csv變量。 然后分配string | ArrayBuffer string | ArrayBuffer類型（ reader.result ）到string類型，你剛剛分配。 你不能。 您只能將string分配給string 。

因此，如果您 100% 確定reader.result包含string ，則可以斷言：

const csv: string = reader.result as string;

但是，如果您不確定，請執行以下操作：

const csv: string | ArrayBuffer = reader.result;
// or simply:
const csv = reader.result; // `string | ArrayBuffer` type is inferred for you

那么您通常應該進行一些檢查，例如：

if (typeof csv === 'string') {/*use csv*/}
else {/* use csv.toString() */}

Answer 2

無論csv是string還是ArrayBuffer這將始終輸出字符串。

const csv: string = typeof csv === 'string' ? csv : Buffer.from(csv).toString()