otoyo/astro-notion-blog

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

mosugi opened this issue · 8 comments

mosugi commented

不具合の概要

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

期待する挙動

画像が表示される。

スクリーンショット

image

リポジトリとブランチ名

デスクトップ環境

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

スマートフォン環境:

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

追加情報

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

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

otoyo commented

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

otoyo commented

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

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

otoyo commented

↑の問題は #181 で修正したが、本件とは別問題の模様。プレビュー環境で再現を確認。

otoyo commented

プレビュー環境

Cloudflare

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

Vercel

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

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

otoyo commented

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

otoyo commented

@mosugi #183 で修正しましたのでご確認ください。

mosugi commented

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

otoyo commented

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