新的“npm init gatsby”站点上的“无法生成代码帧”错误答案

【问题标题】："No codeFrame could be generated" error on fresh 'npm init gatsby' site新的“npm init gatsby”站点上的“无法生成代码帧”错误
【发布时间】：2022-01-16 05:45:37
【问题描述】：

我在 M1 Mac 上使用命令 npm init gatsby 创建了一个全新的 gatsby 站点。我将向导中的所有选项都保留为默认值，并由npm run develop 启动。每次刷新时我都会立即收到此错误：

虽然这很烦人，但该网站运行良好。该错误没有提供太多信息，我在谷歌上找不到任何信息。我的节点版本是 v17.2.0 这是自动生成的 package.json：

{
  "name": "my-gatsby-site",
  "version": "1.0.0",
  "private": true,
  "description": "My Gatsby Site",
  "keywords": [
    "gatsby"
  ],
  "scripts": {
    "develop": "gatsby develop",
    "start": "gatsby develop",
    "build": "gatsby build",
    "serve": "gatsby serve",
    "clean": "gatsby clean"
  },
  "dependencies": {
    "gatsby": "^4.3.0",
    "react": "^17.0.1",
    "react-dom": "^17.0.1"
  }
}

编辑：

我正在使用 Firefox。

【问题讨论】：

标签： browser gatsby

【解决方案1】：

尽管是启动命令（浏览器、浏览器版本等），但仍缺乏详细信息。我会尝试遵循GitHub thread 的建议之一：

如果您正在注册服务工作者，请尝试评论/删除它
如果没有，请使用浏览器 cookie（允许或禁止）：

允许localhost:8000 cookie。

或者禁用“当 Firefox 开发者版关闭时删除 cookie 和站点数据”选项

【讨论】：

【解决方案2】：

这解决了问题，没有错误了：

我通过禁用“删除 cookie 和网站”解决了这个问题 Firefox 开发者版关闭时的数据”选项

来源：https://github.com/gatsbyjs/gatsby/issues/16076#issuecomment-536152468

【讨论】：