gatsby相关内容

使用Gatsby-Plugin-Reaction-I18Next时,Gatsby无法找到客户端路由

我将Gatsby中的客户端路由与gatsby-plugin-react-i18next一起使用。当我尝试在不使用默认语言的情况下访问其中一个客户端路由时,例如,URL以/sv为前缀,则我得到的结果是该路由不存在。如果我将前缀/sv添加到路由器基本路径,则Default组件/路径可用,但Profile组件/路径不起作用。 使用不带/sv前缀的默认语言时,一切正常。 src/ages/co ..
发布时间:2022-08-08 18:37:30 其他开发

MDX内部的Gatsby静态图像(Gatsby-plugin-Image)

最近我开始使用Gatsby,现在我正在尝试使用MDX,在我的MDX文件中,我可以通过GraphQL使用Gatsby Image,但我想使用Gatsby-Plugin-Image中的静态图像,我收到了如下错误: Reaction_DevTools_Backend.js:2557未加载图像 https://images.unsplash.com/photo-1597305877032-0668b ..
发布时间:2022-08-08 17:59:35 前端开发

Production Gatsby博客不在MDX文件中呈现TailwinCSS类

我正在基于这个Leonids开发我的Gatsbyblog/site。进行了一些更改以添加符合我需求的功能,包括使用.mdx文件编写页面和帖子,以便我可以在MD中添加JS。 使用gatsby develop工作和预览站点时,一切看起来都很好。现在,当继续生产时,.mdx文件中的组件中使用的TailWind类不会被呈现。已尝试将包含@tailwind utilities的global.css文件 ..
发布时间:2022-04-13 20:17:06 其他开发

使用Auth0在Gatsby中使用受保护的路由体验重定向环路

注意:This question不是副本,我不知道为什么会有人认为... 我在使用Auth0在Gatsby中实现受保护的页面(路由)时遇到问题 目前,当我将浏览器指向localhost:8000/user/protectedpage时,它会进入登录屏幕,成功登录后,它会返回到该路线,浏览器似乎停留在两条路线之间的循环加载上。 当我对此进行测试时,页面正在执行无限期重定向循环,同时 ..
发布时间:2022-03-30 20:34:57 其他开发

如何在Gatsby中定义节点类型?

在Gatsby tutorial part 6中,您可以找到多次提到";节点类型";: 根据接口,在创建采集路径之前,您需要决定两件事: 要从哪种类型的节点创建页面。 要在URL中使用该节点类型中的哪个字段。 要创建新的收集路线,请将文件命名为{nodeType.field}.js,其中nodeType是要从中创建页面的节点类型,field是要在该页面的URL中 ..
发布时间:2022-03-30 20:31:25 其他开发

检查哪个元素在反应中处于悬停状态

我正在用Gatsby+Wordpress为我建立投资组合网站。我想知道是否可以悬停文件夹项目的名称和与之相关的图像? 我的想法是,如果PortfolioItemNameLink悬停,它会显示来自同一项目的图像。如何检查哪个项目处于悬停状态? const PortfolioItemsText = () => { return ( ..
发布时间:2022-03-30 20:26:39 其他开发

使用Conteful API在Gatsby中按标签对内容进行排序

在Contful中,我创建的内容几乎没有媒体图片。图片有两个不同的标签boxon和attaqueGenetique。我想使用我为每个媒体添加的标签对幻灯片进行排序,但我找不到这样做的方法。盖茨比网站上有一个例子,但不是很清楚,我试了试也没能把它变成我的。 Gatsby 中的示例 query FilterByTagsQuery { allContentfulNumber( so ..
发布时间:2022-03-30 20:22:24 其他开发

Gatsby-图像道具类型失败

我试着让我的可湿性粉剂帖子的特色图片发布到网站上。我遵循了this教程,现在我可以在网站上看到特色图片,但我也收到了这样的警告: index.js:2177 Warning: Failed prop type: Invalid prop `fixed` supplied to `Image`. in Image (at BlogPost.js:17) in BlogPostT ..
发布时间:2022-03-30 20:20:33 其他开发

Gatsby中样式和元素测量(scllWidth/scllWidth)的奇怪问题

我正在构建用于拆行的组件,该组件接受字符串并返回拆分成行的文本,这些行不会溢出其父组件。 在Stackoverflow上的好心人的帮助下,我成功地构建了这个例子,它在沙盒或纯反应应用程序(也可以使用定制字体)中运行得很好。但是,当我在Gatsby项目中使用完全相同的组件时,文本会溢出其父容器。 带有代码的CodeSandBox示例: https://codesandbox.io/s/l ..
发布时间:2022-03-30 20:13:19 前端开发

盖茨比不渲染组件

我试图建立一个简单的页面与导航,页脚和组件之间的哪些内容应该被呈现取决于导航。不幸的是,只有Home才能正常工作(NAV和Footer都存在)。当我点击NAV中的任何其他链接时,Gatsby只呈现带有内容的组件,而不显示NAV和页脚(例如,就在Aboutus)。 我的index.js代码: import React from "react"; import { Router } fro ..
发布时间:2022-03-30 20:00:04 其他开发

在生产中的浏览器中首次加载时,仅Gatsby客户端路径显示为404

我正在gatsby-node.js中创建我的动态页面以创建我的客户端路径。所有页面在本地主机中都运行良好,并且页面还显示了生产环境中所需的数据。但是,仍然是浏览器在第一次加载时将页面显示为404。我尝试了gatsby-node.js: const path = require ("path") exports.omCreatePage = async ({ page, actions }) ..
发布时间:2022-03-30 19:55:48 其他开发

在Gatsby中以编程方式创建页面的最佳实践是什么?

我正在启动一个Greenfield Gatsby项目,我的问题是关于以编程方式创建页面。 总的来说,更好的方式是: 只查询ID(通过graphql(/* ... */)createPages接口),然后使用该ID重新查询每页的相关数据 查询整个对象并通过pageContext发送到页面? 这是一个电子商务+博客网站,有500多篇帖子和产品需要以编程方式创建。 考虑DX(例 ..
发布时间:2022-03-30 19:51:40 其他开发

直接导航到页面时不显示页面数据

我的Gatsby站点有一个问题,在Graphcms中,我可以通过单击站点中的各种链接很好地导航我的站点。例如,在/处加载登录页面,然后单击指向/foo的链接即可加载Foo页面。 但是,如果我直接导航到URL栏中的/foo页面,则不会显示该页面的任何数据。page-data.json中存储的数据均未显示在浏览器中。 看起来非常类似: Gatsby - page refresh corr ..
发布时间:2022-03-30 19:41:46 其他开发