アップロードした画像に表示されないものがある

[mosugi]

不具合の概要

Notionにアップロードした画像のうち一部の画像ががblog上では表示されない。

再現方法

1. クイックスタート の手順を 7 まで実施する
2. カスタマイズするには の手順を実施する
3. ローカルにCloneしたリポジトリで npm run dev を実行する（npm run build した場合も同様）

下記のページでも同様に発生しているようです。

https://astro-notion-blog-otoyo.vercel.app/posts/a-trip-to-miyakojima-island

エラーログ

エラーログは出力されていませんが、画像が0バイトで壊れてダウンロードされているように見えます。

~/g/g/o/astro-notion-blog ❯❯❯ cd dist/notion/ed4d6f2f-c710-4861-b540-5c4ed44e8729
~/g/g/o/a/d/n/ed4d6f2f-c710-4861-b540-5c4ed44e8729 ❯❯❯ ll
total 0
-rw-r--r--  1 xxx  staff     0B Dec  1 10:36 EC946DBE-9A4C-47BA-827D-C0181EB54B0E.jpeg

期待する挙動

画像が表示される。

スクリーンショット

リポジトリとブランチ名

デスクトップ環境

• OS: MacOS
• ブラウザ: Chrome
• ブラウザのバージョン: 119.0.6045.159（Official Build） （arm64）

スマートフォン環境:

• デバイス: [例 iPhone6]
• OS: [例 iOS8.1]
• ブラウザ: [例 Chrome, Safari]
• ブラウザのバージョン [例 22]

追加情報

自分が新しくアップロードした画像は表示されたので、コピーした画像・古い画像の場合に発生しているように思われます。

Astro * Notionの組み合わせがイケていて素晴らしく、ぜひ自分のサイトでも利用したいと思っておりますので、お手数ですがご確認をお願いします。

[otoyo]

不具合のレポートありがとうございます。私の方でも確認できましたので対応します。 対応までしばらくお待ちください。

[otoyo]

ローカルでの npm run dev 実行時に再現。 レスポンスヘッダの Content-Length が0になってしまっている。

画像URLに直接アクセスすると問題なく画像は表示される。

[otoyo]

↑の問題は https://github.com/otoyo/astro-notion-blog/pull/181 で修正したが、本件とは別問題の模様。プレビュー環境で再現を確認。

[otoyo]

プレビュー環境

Cloudflare

https://d0eb98f4.astro-notion-blog.pages.dev/posts/a-trip-to-miyakojima-island/

Vercel

https://astro-notion-blog-git-fix-image-download-otoyo.vercel.app/posts/a-trip-to-miyakojima-island

直接画像URLにアクセスしても画像は表示されない。 ビルド時に画像のダウンロードが中断されていそうな挙動。

[otoyo]

試しに新しく画像を追加したところ、同じように画像が表示されなかった。

[otoyo]

@mosugi https://github.com/otoyo/astro-notion-blog/pull/183 で修正しましたのでご確認ください。

[mosugi]

@otoyo ありがとうございます！こちらの環境でも確認できました

[otoyo]

@mosugi ご確認ありがとうございました。