fetchで本文が読み込めない？

Question

前提・実現したいこと

Twitterの埋め込みコードをJavaScriptで取得しようとして書いたコードになります。
そのコンソールを見ると、ヘッダーは読み込めているようですが、本文が読み込めていないように思えます。
「response.ok」がtrueになっていないようで、「HTTP-Error」のアラートが出ます。
これは、コードの方が先走っていて、サーバーから本文が送られて来るより先に処理が終わっているということでしょうか？
それとも、このようなコードの書き方では、そもそも本文を取得できないということでしょうか？
教えて下さい。

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

コンソールにエラーらしきは表示されていません。
アラートが出ています。

そのコンソールの表示を下に貼ります。

該当のソースコード

async function sample(){
    var twitterID = 'One_of_Arthur';
    var tweetID = 1447787766457122816n;
    alert('twitterID : ' + twitterID);
    var url = 'https://publish.twitter.com/oembed?url=https://twitter.com/' + twitterID + '/status/' + String(tweetID);

    const response = await fetch(url, { mode: "no-cors" });
    console.log(response);
    if (response.ok) { // HTTP ステータスが 200-299 の場合
        let commits = await response.json(); // レスポンスの本文を読み JSON としてパースする
        console.log(commits[html]);
    } else {
        alert("HTTP-Error: " + response.status);
    }
}

sample();

<script type="text/javascript" src="unknown003.js"></script>

参考にしたページ

ググっていくつか参考にしましたけれど、はっきりしているのは下記のひとつだけです。
ほかのページはどこだか分からなくなってしまいました。
https://ja.javascript.info/fetch

補足情報（FW/ツールのバージョンなど）

ブラウザ：Google Chrome 94.0.4606.71

Answer 1

試してみましたが、CORS違反のようです。

Fetch: クロスオリジン(Cross-Origin) リクエスト

no-corsの場合、CORSであってもエラーが出ず、下記のような虚無なレスポンスが返る。

fetchのmodeについて - Qiita