调整图像数据后“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缓存。