Gatsby V2升级到V4后出现Error persisting state函数无法克隆警告如何解决

报错根因 #

这个警告是Gatsby 3.x及以上版本新增的状态持久化机制触发的：Gatsby会尝试将运行时状态序列化后存入本地磁盘优化启动速度，而函数属于不可序列化的类型，一旦你在Gatsby可管理的状态（全局状态、节点自定义字段等）中存入了函数，就会触发序列化失败的报错。

解决思路 #

• 排查所有调用setGlobalState、createNodeField的自定义代码，确认没有将函数、类实例这类不可序列化的值直接存入Gatsby管理的状态或节点属性中，如有相关逻辑，将函数抽离为公共模块单独引入即可，不要直接存在状态里。
• 先尝试清空本地缓存重试：执行gatsby clean删除本地缓存目录后，再重新运行gatsby develop，缓存污染导致的偶发问题大多可以通过该操作解决。
• 如果确认自己的代码没有问题，是第三方插件导致的报错，可以临时关闭状态持久化相关特性，在gatsby-config.js中添加如下配置：

module.exports = {
  flags: {
    PRESERVE_WEBPACK_CACHE: false,
    PRESERVE_FILE_DOWNLOAD_CACHE: false,
  }
}

• 你当前使用的Node 14.15.4符合Gatsby 4的最低版本要求，也可以尝试升级到Node 14的最新LTS版本，规避Node自身的序列化相关bug。

内容的提问来源于stack exchange，提问作者Rawan