"No codeFrame could be generated" 新 'npm init gatsby' 网站出错

"No codeFrame could be generated" error on fresh 'npm init gatsby' site

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

虽然这很烦人,但网站运行良好。该错误没有提供太多信息,我在 google 上找不到任何信息。我的节点版本是 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。

尽管是启动命令(浏览器、浏览器版本等),但缺少详细信息。我会尝试遵循此 GitHub thread:

的建议之一
  • 如果你正在注册服务工作者,试试commenting/removing吧

  • 如果没有,请尝试使用浏览器 cookie(允许或不允许):

    允许 localhost:8000 个 cookie。

    同理,使用相反的 cookie 方法,您可以禁用“关闭 Firefox Developer Edition 时删除 cookie 和站点数据”选项。

问题解决了,没有报错了:

I worked around the issue by disabling the "Delete cookies and site data when Firefox Developer Edition is closed" option

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