"gatsby develop"不能运行调整图片数据后

Question

我是 Gatsbyjs 的新用户。目前我使用这个模板

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

我的nodejs版本是v16.13.2

我可以“gatsby develop”，但我想当我调整照片数据时在存储 public\page-data\index 的“page-data.json”中我“gatsby develop”不会启动

我不确定是什么原因，但我确定当我将一些图像数据添加到 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

I could "gatsby develop" but I think when I'm adjusting photo data in "page-data.json" which stored public\page-data\index I "gatsby develop" won't start

切勿直接手动编辑 /public 文件夹中的内容或代码。请记住 how Gatsby works：当您运行 gatsby develop 或 gatsby build 时，webpack 编译并捆绑 /src 文件夹下的所有内容以创建 /public 一个：这是自动生成的，当您更改 /src 文件夹中的任何内容时会重建它。如果您在不更改源的情况下手动更改 public 文件夹中的任何内容，它将在下一次编译中丢失，因为源不包含更改。因此，所有更改都必须在 /src 文件夹中完成。

在这种情况下，错误正在上升，因为您直接更改了 public 文件夹，因此资产 page-data.json 的引用已更改。

要更改 coffee.png image, you need to change the static folder. The static folder 是一个“特殊”文件夹，它被克隆到 public 文件夹中，保持了准确的内部结构。顾名思义，对于静态资产（很少更改的资产）非常有用。

一旦您将 coffe.png 图像更改为您想要的图像，您只需将 coffee.png 的引用更改为新图像（除非它们被称为相同）。

也就是说，这种静态更改可能会迫使您重新加载 gatsby develop（停止并重新运行）进程以查看更改。如果图像仍然没有变化，请在重新运行ing gatsby develop 命令之前通过运行ning gatsby clean 清理缓存。

"gatsby develop"不能运行调整图片数据后

"gatsby develop" can't run After adjusting image data

node.js

gatsby