问题标签 [gatsby]

我正在尝试一个想法，以创建一个将静态内容与动态内容混合在一起的网站，以 Gatsby 为基础。该混合站点将包含可供公众使用的静态营销页面以及存在于身份验证墙后面的几个动态页面。根据@Gatsby 的这条推文，这是可行的。

我被困在第 1 步，添加一个阿波罗提供者，将站点连接到 Graphcool。

通常，我会像这样在根目录下执行此操作，其中 App 是我网站的根目录...

但是该站点的根在 Gatsby 站点中的哪个位置？

我正在使用 GatsbyJS 创建一个静态站点，并且在尝试生成生产版本时遇到了几个问题。

当我这样做时一切都运行良好，gatsby develop但是当我尝试时，gatsby build我现在出现以下错误：

如果我发布了太多信息或可以提高问题的质量，请告诉我。我想尽可能具体。
谢谢你的帮助！

我有一个简单的 gatsby 站点，我希望在站点根目录和单独的页面组件之间共享路由。

所以我想要：

情况 2 是开箱即用的，但我不确定如何获得根，所以去其他任何东西pages/index.js

我试图像这样嵌套myComponent在里面index.js，但我无法为页面查询设置正确的设置，所以我认为路由是要走的路吗？

index.js

我刚开始阅读盖茨比，它看起来真的很酷！一个警告：我真的不喜欢在 react 中编写组件。我更喜欢 riotjs 甚至聚合物。无论如何我可以使用不同的组件库吗？

当用户滚动页面时，我试图更改标题的颜色样式，但是，我的onScroll方法似乎甚至没有被触发。有人可以告诉我为什么以及如何解决这个问题吗？该onScroll方法正在底部TemplateWrapper组件上调用。另外，如果您对如何以不同的方式进行操作有任何其他建议，我会全力以赴！谢谢！

我正在使用 Gatsby.js。似乎每次我写一篇新的降价帖子时，我都必须停止并使用 CTL+C 重新启动 Gastsby，然后 npm run develop。这是正常程序吗？如果我每次都坚持这样做，就很难添加内容。

我将 Gatsbyjs 与 gatsby-source-wordpress 一起使用。我可以从示例网站和我的其他 WP 博客中提取帖子，但我无法在我的开发网站上使用它。我有错误：

无法读取未定义的属性 allWordpressPage。

此外，当我跑步时，盖茨比不会拉任何帖子，npm run develop.

我这里很绿。我以前在这个（macosx）上运行过 gatsby。它已停止工作 - 可能是由于某处的安装或环境变量？

首先注意到模块构建失败：错误：找不到相对于目录“/Users/3Legs”的预设“流”

然后在安装 babel 预设后：

npm install --global --save-dev babel-preset-flow

我收到上述消息：

...找不到模块“gatsby/dist/commands/develop”

下面是完整的跟踪 + babelrc

Michaels-MacBook-Air:mggatsby 3Legs$

-bash: /usr/local/bin/gatsby: 没有这样的文件或目录 Michaels-MacBook-Air:mggatsby 3Legs$

错误：模块构建失败：错误：找不到相对于目录“/Users/3Legs”的预设“流”

错误：找不到模块“gatsby/dist/commands/develop”

第一次尝试盖茨比，很高兴。但是我遇到了一个奇怪的 GraphQL 问题：

我正在使用 gatsby-source-filesystem 和 gatsby-transformer-remark 插件从 markdown 文件中提取内容。

所有的frontmatter数据都不相同（除了title）。有些有一个date字符串（博客文章），同样有一个tag数组，有些有一个gallery对象。

现在的问题是，这些任意分配的 frontmatter 数据中的一些在 GraphQL 中可用，而有些则不可用。例如，如果我尝试查询日期，我总是会得到“GraphQL Error Unknown field dateon type frontmatter_2”。而如果我查询标签，我会得到包含一个和tags: null不包含的那些项目的标签数组。

这里有什么问题？如何始终获取null节点中不存在的字段的值？

值得注意的是，这种行为会根据我的降价文件的目录结构而改变。如果我移动它们，GraphQL 中的一些 frontmatter 字段将变得可用，而以前不可用，反之亦然。还有一种情况是，在通过 HMR 推送一些代码更改后，一些字段变得可用 - 但在我重新启动 Gatsby 后，尽管没有触及中间的代码，它们又消失了。

非常感谢您的帮助！

编辑：

在尝试了一段时间没有成功之后，我求助于确保所有 markdown frontmatter 具有相同类型的相同字段。

我猜是

TODO 链接到关于自动推断类型/字段的文档。

部分文档是关于这个问题的。

当我有更多时间时，我想了解更多关于 GraphQL 以及它在 Gatsby 中的工作原理。任何指针表示赞赏。

我在 Contentful 中有各种尺寸的图像，即宽度为 200 像素、600 像素、800 像素、1000 像素等。

如果我responsiveresolution按照 gatsby.js 文档使用，它将提高我的小图像的分辨率：

如何从 Contentful 获得图像的自然分辨率？responsiveresolution在 gatsby.js 中可以使用更好的文档！