问题标签 [gatsby]

我正处于 React/javascript 学习经历的快速原型设计阶段。我想知道人们何时会使用 Next.js 或 Gatsby.js 之类的框架，而不是标准的 Create React App。

我真的很喜欢基于页面的结构和 Next.js 预加载链接的前景。但是，我不确定您何时会与 CRA 或什至退出 CRA 一样选择 Next。

谢谢！

我正在使用createPages基于一些 JSON 输入自动生成组件，如下所示：

我正在寻找的是一个参数或助手，它告诉我我当前是在构建模式还是在开发模式下运行，所以是这样的：

我正在创建一个个人网站/投资组合，我偶然发现了强大的 gatsby.js 包。

为了研究目的，我还必须可视化一个复杂的数据集，并且我想使用 d3.js，并将我在 Gatsby 支持的站点中创建的仪表板包括在内。

可以在反应组件中使用 d3 -> https://medium.com/@Elijah_Meeks/interactive-applications-with-react-d3-f76f7b3ebc71

从理论上讲，Gatsby 应该能够支持 d3 集成，但我的尝试到目前为止都失败了。

这是我尝试过的：

完成 Gatsby 教程https://www.gatsbyjs.org/tutorial/

我正在使用 gatsbyjs 文档中已完成的第 4 个教程站点，并添加了以下内容

添加了 utils/d3.js

文件内容

我还在 gatsby-config.js 插件中添加了 d3。

我运行gatsby develop，并收到以下错误，该错误挂起。

任何反馈都会有所帮助，如果这是一个棘手的壮举，那么我实现 d3 集成和简单的个人站点框架目标的阻力最小的路径是什么？

更新 09/08/17

我切换到Hello World！调试 d3 问题的教程。我已经尝试过d3和d3-node npm 包。

添加import d3 from "d3"到我的 index.js 文件后，我得到两个在引导完成后发生的类似错误。

两个错误都在编译尝试中循环并分别输出：

d3 错误

d3-node 错误 将 index.js 上的导入切换为“d3-node”

我正在使用盖茨比 1.4.0

我想在网站上有多个按钮链接到同一页面，但搜索查询不同。例如，虚拟页面中的 2 个按钮：

我想使用 from 'gatsby-link' 将用户路由到新路径，这样页面就不会刷新。

问题

导航时，我的布局文件按预期重新呈现，但我的页面文件没有重新呈现。只有当我重新加载页面时，正确的查询才会传递到我的页面文件。

布局/index.js 文件（简化）：

页面/test.js

有没有办法在查询更新时强制页面重新呈现？

平面文件 CMS 不使用数据库。那么搜索是如何实现的呢？与数据库驱动的搜索相比，使用这种类型的设置搜索或多或少的计算成本高吗？

我想在wrapRootComponent/中运行 graphql 查询replaceRouterComponent。这两种方法都属于gatsby 浏览器 API。从文档和代码中，我无法找到运行 graphql 查询的可能性。

我正在使用 Contentful，我有两种内容类型：Album和Artist.

Album有一个“艺术家”字段，引用Artist内容类型的条目，我想执行一个返回一个Artist和所有Albums引用的查询Artist。

我有这样的东西，但我不知道如何过滤专辑：

目前我在为gatsby-starter-blog生成 sitemap.xml 时遇到问题。http://localhost:8000/sitemap.xml仍然没有找到。

我已经在做什么：

• npm install gatsby-plugin-sitemap
• 添加网站元

• 这是我的 gatsby-node.js 代码

我正在使用 gatsby-plugin-less 插件，但没有真正的方向，它似乎不是即插即用的。

我正在浏览 Gatsby 示例入门博客，这是降价博客文章之一：

https://raw.githubusercontent.com/gatsbyjs/gatsby-starter-blog/master/src/pages/2015-05-01-hello-world/index.md

我认为作者不会像date: "2015-05-01T22:12:03.284Z"每次他发帖那样在前面硬打一个字符串。

这是vim的功能吗？如何在保存文件时自动向 Gatsby 的降价文件添加时间戳？

帮助表示赞赏:)