內容豐富：為什么富文本中的嵌入資產在內容 JSON 中的表示不一致？

Question

我有一個 Gatsby-Contentful 網站，我目前正在開發，我有兩篇關於 Contentful 的帖子，其中每篇帖子的富文本字段中都包含嵌入式資產。

在一個富文本字段中，此嵌入資產顯示如下：

{
"data": {
                      "target": {
                        "sys": {
                          "space": {
                            "sys": {
                              "type": "Link",
                              "linkType": "Space",
                              "id": "aw0p4zkj7lhv"
                            }
                          },
                          "id": "c5N0u9h6AksECP8JZEzOe1D",
                          "type": "Asset",
                          "createdAt": "2019-07-29T11:48:08.826Z",
                          "updatedAt": "2019-07-29T11:48:08.826Z",
                          "environment": {
                            "sys": {
                              "id": "master",
                              "type": "Link",
                              "linkType": "Environment"
                            }
                          },
                          "revision": 1
                        },
                        "fields": {
                          "title": {
                            "en-US": "dummy"
                          },
                          "description": {
                            "en-US": "dummy so api works"
                          },
                          "file": {
                            "en-US": {
                              "url": "//images.ctfassets.net/aw0p4zkj7lhv/5N0u9h6AksECP8JZEzOe1D/af219e63f6e381c7124a6d65a0fe85e0/test.jpg",
                              "details": {
                                "size": 58342,
                                "image": {
                                  "width": 1000,
                                  "height": 666
                                }
                              },
                              "fileName": "test.jpg",
                              "contentType": "image/jpeg"
                            }
                          }
                        }
                      }
                    },
                    "content": [],
                    "nodeType": "embedded-asset-block"
                  }
}

而在另一個帖子的富文本字段中，它缺少大量數據：

{
"data": {
                      "target": {
                        "sys": {
                          "id": "c5N0u9h6AksECP8JZEzOe1D",
                          "type": "Link",
                          "linkType": "Asset"
                        }
                      }
                    },
                    "content": [],
                    "nodeType": "embedded-asset-block"
                  }
}

當我以完全相同的方式將圖像嵌入到兩個富文本字段中時，為什么會出現這種差異？

Answer 1

當我遇到這種情況時，我通常必須刪除緩存 (root/.cache) 和公共 (root/public) 文件夾並重新啟動服務器以從 Contentful 獲取正確的數據。

Answer 2

發生這種情況是因為您的緩存文件在重建期間未正確更新。

只需使用npm install -g gatsby-cli安裝 Gatsby CLI

然后gatsby clean

然后gatsby develop