Sheet.jsを利用したサイトから出力したxlsxファイルが破損している

Question

前提・実現したいこと

サイト上にエクセルのダウンロードボタンを設置したいと思いSheet.jsを勉強中です。
記載のようなコードを書くと、エクセルファイルのダウンロードまでは出来ているのですが、ファイルを開こうとしてもデータが破損していて開けません。
何が原因なのでしょうか。

発生している問題・エラーメッセージ

ファイル形式、または拡張子が正しくありません。
ファイルが破損しておらず、ファイル拡張子とファイル形式が一致していることを確認してください。

ファイル形式はXLSXになっており、拡張子も.xlsxになっているため、破損していることが原因だと思うのですが、何が良くないのか、ファイルが開けないので分かりません。

該当のソースコード

<input type="button" id="xlsx" value="Excelファイル出力" onclick="doit()">

function doit() {
    let wsData = [
        ["ヘッダ１", "ヘッダ２"],
        ["値１", "値２"]
    ]
    let wb = XLSX.utils.book_new();
    let sheet = XLSX.utils.aoa_to_sheet(wsData);
    XLSX.utils.book_append_sheet(wb, sheet, 'テストシート');

    var write_opts = {
        bookType: 'xlsx',
        type: 'binary'
    };
    var wb_out = XLSX.write(wb, write_opts);
    var blob = new Blob([s2ab(wb_out)], { type: 'application/octet-stream' });
    saveAs(blob, 'テスト.xlsx');
}

function s2ab(s) {
    var buf = new ArrayBuffer(s.length);
    var view = new Uint8Array(buf);
    for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
    return buf;
}

試したこと

上記とは別に、下記のサイトの内容をコピーして丸々同じものを作成してみても、同じエラーがでます。

https://techacademy.jp/magazine/21073

※パソコンにエクセルが入っていないので、友達にサイトダウンロードしたファイルを送って確認してもらっています。ダウンロードする人のデバイスにエクセルが入ってないことは原因として考えにくいと思っているのですが、一応情報として。

Answer 1

原因が分かりました。
CDNでSheet.jsを入れていたのですが、fullバージョンにすると上手くいくようになりました。

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.5/xlsx.min.js></script>

↓

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.5/xlsx.full.min.js"></script>

Answer 2

元ファイルと、そこからダウンロードしたファイルを比較してみては。
どこがどう違ってるんでしょうか

Comments

[abc1222]

回答ありがとうございます。
元ファイルは無く、コード（サイト）上でエクセルを作成して入力、そのファイルをダウンロードしています。
最終的にはサイト上の要素からエクセルファイルのデータを生成したいのですが、とりあえずはSheet.jsを理解するために要素から取得せず、wsDataの部分の配列でデータを指定しています。