調整圖像數據后“gatsby develop”無法運行

Question

我是 Gatsbyjs 的新用戶。 目前我使用這個模板

https://www.gatsbyjs.com/starters/netlify-templates/gatsby-starter-netlify-cms

我的nodejs版本是v16.13.2

我可以“蓋茨比開發”，但我認為當我在“page-data.json”中調整存儲公共\頁面數據\索引的照片數據時，我“蓋茨比開發”將無法啟動

我不確定是什么原因，但我確定當我將一些圖像數據添加到 public\img 並更改“page-data.json”中的“coffee.png”行時，這發生了......

這是錯誤消息。 有人可以教我應該修復哪個部分嗎？

warn Plugin gatsby-plugin-netlify is not compatible with your gatsby version 4.3.0 - It requires gatsby@^3.0.0
⠋ open and validate gatsby-configs, load plugins
C:\Users\myname\AppData\Roaming\npm\node_modules\gatsby-cli\node_modules\yoga-layout-prebuilt\yoga-layout\build\Release\nbind.js:53
        throw ex;
        ^

Error: read ECONNRESET
    at TCP.onStreamRead (node:internal/stream_base_commons:220:20)
Emitted 'error' event on Socket instance at:
    at emitErrorNT (node:internal/streams/destroy:157:8)
    at emitErrorCloseNT (node:internal/streams/destroy:122:3)
    at processTicksAndRejections (node:internal/process/task_queues:83:21) {
  errno: -4077,
  code: 'ECONNRESET',
  syscall: 'read'
}

Answer 1

我可以“蓋茨比開發”，但我認為當我在“page-data.json”中調整存儲公共\頁面數據\索引的照片數據時，我“蓋茨比開發”將無法啟動

您不應該直接手動編輯/public文件夾中的內容或代碼。 請記住Gatsby 的工作原理：當您運行gatsby develop或gatsby build時，webpack 會編譯並捆綁/src文件夾下的所有內容以創建/public文件夾：當您更改/src文件夾中的任何內容時，它會自動生成並重建。 如果您手動更改公用文件夾中的任何內容而不更改源，它將在下一次編譯中丟失，因為源不包含更改。 因此，所有更改都必須在/src文件夾中完成。

在這種情況下，錯誤正在上升，因為您直接更改了公用文件夾，因此資產page-data.json的引用已更改。

要更改coffee.png圖像，您需要更改 static 文件夾。 static 文件夾是一個“特殊”文件夾，它被克隆到公用文件夾中，並保持准確的內部結構。 顧名思義，用於 static 資產（很少更改的資產）非常有用。

將coffe.png圖像更改為所需圖像后，只需將coffee.png的引用更改為新的（除非它們被稱為相同）。

也就是說，這種 static 更改可能會迫使您重新加載gatsby develop （停止並重新運行）過程以查看更改。 如果圖像仍然沒有更改，請在重新運行gatsby develop命令之前通過運行gatsby clean緩存。