Gatsby.jsでNetlifyにホームページをデプロイしたが、ローカルサーバーと違う挙動を起こしてしまうのでその理由が知りたい

React　gatsby netlify でホームページを作っていルのですが、デプロイ後に問題が発生してしまいました。
ローカルサーバーではトップ画面で記事のサムネイルが表示されるのですが、netlifyでみるとサムネイルが表示されません。
そして、もっと不思議なことに、違うページに行ってから戻ってくるとサムネイルは表示されているので、アップロードが問題とも思えません
どうすればいいでしょうか？
ちなみにサムネイルはマークダウンファイルからgraphql経由で取得しています

該当ホームページ

こちら該当ページにURLです。最初は表示されませんが、他のページに行って戻ってくると解決します

■■な機能を実装中に以下のエラーメッセージが発生しました。

エラーメッセージはありません

エラーメッセージ

該当のソースコード

jsx
1ソースコード
2    <>
3
4    <Card className={classes.root}>
5      <CardActionArea>
6
7ここのメディア部分の画像が表示されない。初回ロード時に
8        <CardMedia
9          className={classes.media}
10          image={src}
11          title={title}
12        />
13        <CardContent>
14          <Typography className="cardTitle" gutterBottom variant="h5" component="h2">
15          {title}
16          </Typography>
17          <Typography variant="body2" color="textSecondary" component="p">
18          {description}
19          </Typography>
20          <Typography variant="body2" color="textSecondary" component="p">
21          {date}
22          </Typography>
23        </CardContent>
24      </CardActionArea>
25      <CardActions>
26        <Button size="small" color="primary">
27        <Link to={`/${link}`}>seemore</Link>
28        </Button>
29      </CardActions>
30    </Card>
31    </>

試したこと

エラーメッセージがないのでどこを探していいか分からない
ローカルサーバーではきちんと動くから、データの取得速度が問題でこうなってるのではないかとも思ってきた

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

ここにより詳細な情報を記載してください。

nico25

2020/05/18 07:34

○ デベロッパツール画像が取れていないということは、デベロッパツールのコンソールにエラーが表示されている可能性があります。それを確認してみると手がかりになるかもしれません。 ○ webpack の output.publickPath また VuePress という Vue 製の静的サイトジェネレータでもローカルとサーバで挙動が違うという似たような症状が起こることがありました。 * https://teratail.com/questions/261524 これは webpack の output.publicPath の設定に原因がありました。このあたりを見られてもいいかもしれません。