问题标签 [gatsby]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
4202 浏览

gatsby - How do I add an arbitrary file to /public with Gatsby?

I would like to add a text file to /src in a way that it always ends up unchanged in the root of the build directory (/public).

In my case specifically I need to add a _redirects file for Netlify to redirect a subdomain to a custom domain.

Running Gatsby 1.0 alpha.

0 投票
1 回答
1556 浏览

npm - '模块构建失败:错误:无法从新创建的 gatsby 项目中找到相对于目录的预设“es2015”

我按照以下步骤创建了一个项目:

然后我尝试从项目开始

此时它抛出一个异常:

我该如何解决这个问题?

编辑

操作系统:OSX 10.12.4

npm:3.10.10

节点:6.10.2

完整的堆栈跟踪:

我也在使用 nvm

0 投票
2 回答
1664 浏览

reactjs - 如何在 gatsby 中使用 material-ui 和 injectTapEventPlugin

当我将 Material-ui 中的 AppBar 标签写入由gatsby new.

为了避免这种情况,我在根模板 (_template.jsx) 文件的顶部编写了这些代码。

这与 HMR 完美配合,但它很难看。
解决此问题的正确方法是什么?

更新:澄清 -gatsby new克隆gatsby-starter-default,并且只有 React 组件。此外,在顶部导入和编写 injectTapEventPlugin/html.js会引发错误Warning: Unknown prop onTouchTap on <button> tag。这意味着没有正确调用 injectTapEventPlugin()。

0 投票
2 回答
2589 浏览

javascript - 如何使用 Gatsby 在 Markdown 中呈现自定义语法

我们正在将一个用 Assemble 构建的大型静态站点移动到 Gatsby。我们为非技术作者构建的整洁的东西是 Markdown 中的自定义语法。将其视为没有数据库的 CMS,作者使用 Github 作为编辑/批准帖子和部署的工具。除了向 Markdown 添加类的能力(使用 markdown-it-attrs),我们还添加了作者将组件注入到 Markdown 中的能力,该组件将在页面上呈现为 HTML。事实证明,这是一种非常有效的团队协作方式。我将向您展示我们在 Markdown 及其输出中使用自定义语法构建的手风琴组件的示例。

如果作者需要在页面上使用手风琴,他/她需要做的就是:

上面的代码将呈现为:

如您所见,我们使用四个冒号 (::::) 作为组件的开始和结束标记,在本例中为手风琴。问题是如何在 Gatsby 中做到这一点,因为 React 以与 Assemble 截然不同的方式呈现组件。我的团队也在学习 React 作为移动站点,所以这是一个有趣的挑战。请随时分享想法。谢谢!

0 投票
1 回答
489 浏览

amazon-s3 - 如何使用 Amazon Lambda 函数在 Amazon S3 存储桶中创建 gatsbyjs 站点?

我想制作 AWS lambda 函数,它将在 Amazon S3 存储桶中创建新的 gatsbyjs 站点。我熟悉aws lambda,但我需要帮助,任何人都知道步骤,请告诉我。

0 投票
2 回答
866 浏览

lambda - 如何在 AWS lambda 中安装 gatsby?

我想使用 aws lambda 创建 gatsbyjs 站点?有人知道我们如何在 AWS lambda 中全局安装 gatby nmp 包吗?我要执行

如何在 aws lambda 中执行此操作?

0 投票
0 回答
518 浏览

reactjs - 将箭头函数转换为带有子级的 React.Component

我正在 Gatsby.js 中创建一个博客,但我在转换它时遇到了问题

到正常功能。我尝试创建 React.Component 类,但似乎没有得到孩子。我的目标是制作一个加载屏幕栏,这就是我想要转换它的原因。我试过这个

然后我导出了 Wrapper .. 但它似乎不起作用,它说孩子不是一个函数,它卡在加载图标 (Loader) 上。有什么办法可以解决这个问题?

笔记。当我导出默认 TemplateWrapper 时,一切正常!

0 投票
1 回答
474 浏览

ubuntu-16.04 - 当我在我的服务器上创建 gatsby 热重载开发环境时,我的 IP 地址会出错

当我在我的服务器 IP 上创建 gatsby 热重载开发环境时,我运行以下命令

那么它会给出以下错误。

但是我的 IP 是可以公开访问的。但是当我运行这个命令时

然后它将监听http://localhost:8000

请任何人帮助我

0 投票
1 回答
370 浏览

gatsby - 如何将选项传递给 gatsby-plugin-typography

按照官方教程,我安装了 gatsby-plugin-typography,它正在加载并在开发服务器中工作。

但是,我尝试添加的任何选项gatsby-config.js都没有效果(既不会导致构建错误,也不会产生任何视觉效果)。

例如。以下是我的gatsby-config.js内容,

'configModule' 键指向的内容无关紧要——无论是不存在的文件、格式​​错误的 .js 文件还是正确的 .js 文件,它都不起作用。

这里的教程有错误吗?gatsby 插件的配置机制是否记录在某处?

0 投票
3 回答
4577 浏览

gatsby - 如何使用 Gatsby JS 处理国际化/本地化?

我想用本地化的内容在世界各地的不同地方发布我的静态网站。

如何做到这一点?