Gatsby 盖茨比JS文件到期头

我试图了解盖茨比JS生成的JS文件的到期头。官方网站上有一篇关于缓存的文章:。作者建议使用缓存控制:public,max age=0,必须重新验证JS文件的头 我想缓存所有JS资源。使用缓存控制:max age=31536000,public,可能会产生什么影响?目前,我使用的是1.9.192version,JS文件哈希在每个版本上都是不同的 顺便说一下,有一个离线的gatsby插件,它允许使用服务工作者缓存JS资源。那么,我不应该使用长期浏览器缓存的原因是什么呢?JS文件名经常更改,但webp

DOM属性在Gatsby中不更新

运行后,静态文件出现了一个奇怪的问题gatsby build DOM的属性(如className)无法通过监听道具更改来更新,但DOM的内容(如文本或DOM的子项)则无法更新 只发生在盖茨比建造之后,又名SSR //Verison 1,不工作 const ThemeProvider = ({ isLight, children }) => { return ( <div className={isLight ? 'light-theme' : 'dark-theme'

Gatsby 在AniLink上使用淡入淡出道具不会渲染动画

我正试图在我的盖茨比网站上设置动画。我可以使用AniLink让所有默认动画正常工作——除了我想使用的动画!刷、盖和滴水都是100%功能性的,但当我插入“淡入淡出”时,它就不起作用了 使用盖茨比2.4.17 我试图安装盖茨比插件布局,看看这是否有助于动画。我最终无法让布局插件正常工作。我又回到了先前的承诺,几个小时后我不知所措。我克隆了一个使用AniLink fade的工作示例repo,它可以正常工作,所以我想我的项目可能有问题。奇怪的是,所有其他默认动画都可以正常工作 标题代码: 从“盖茨比插件

Gatsby 盖茨比拒绝安装所有依赖项

我不知道我的电脑上的盖茨比出了什么问题,似乎我没有安装所有应该安装的依赖项。请有人帮帮我 npm错误!失败sharp@0.23.2安装脚本。npm错误!这可能不是npm的问题。上面可能还有其他日志输出。看起来夏普在32位环境下的最新版本是v0.11.4,您正在尝试安装0.23.2。根据这一问题: 和盖茨比文件: 某些依赖于本机NPM依赖项的插件需要该节点 Node.js的x64版本。如果您正在努力安装 gatsby plugin sharp,尝试安装Node x64并卸下Node_模块 并运行

Gatsby Netlify部署从babel-loader.js失败

我最近克隆了我的网络。在克隆的github repo上通过netlify进行部署后,出现以下错误 gatsby-plugin-netlify-cms" threw an error while running the onCreateWebpackConfig lifecycle: Module build failed (from ./node_modules/gatsby/dist/utils/babel-loader.js): 这在最初的网站上从未发生过gatsby devel

Gatsby 我可以阻止盖茨比transformer评论从盖茨比源内容中获取降价字段吗?

我有一个Contentful的内容类型,用于我网站的其他功能。它是包含长文本字段的通用内容类型 在本例中,我只是输入一个数字,我的盖茨比网站使用该数字对不同的数据源进行分页(即:将该值设置为15,它将一次显示15个项目) 因为我希望该字段用于多种用途,所以它允许降价 不知何故(magic?gatsby transformer remark正在拉入这些字段并使它们成为allMarkdownRemark下的节点,我只想从我的/src/pages文件夹中拉入.md页面 我没有遇到的问题是,我的onCr

Gatsby “字段”;“图像”;不能有自类型“起的选择”;“字符串”;没有子字段我错过了什么?

像许多人一样,我想做的就是能够使用NetlifyCMS的简单gastby博客。有一秒钟,我能得到一个图像出现,但此后再也没有出现过。我在其他帖子中尝试了无数的解决方案,但我一无所获。现在已经三天了 我有一个共同点: Field "image" must not have a selection since type "String" has no subfields 有人能看看我的代码,看看我是否遗漏了什么吗 config.yml backend:

通过gatsby节点将图像导入GraphQL不起作用:缺少childImageSharp

我正在尝试使用和管道将JSON文件中的图像加载到GraphQL中。内容节点已创建,但缺少childImageSharp和gatsbyImageData属性,这使我相信我的设置有问题 我在Github上创建了一个最小的示例,以使问题重现: 项目结构 src ├── data │   └── projects.json ├── images │   └── projects │   ├── adam-vradenburg-sWAAhaoVuko-unsplash.jpg │   ├─

带有WordPress的Gatsby.js

我正在使用盖茨比源wordpress的盖茨比JS。我可以从示例网站和我的其他WP博客中获取帖子,但我无法让它在我的开发网站上运行。我有一个错误: 无法读取未定义的属性allWordpressPage 另外,如果您在使用盖茨比源wordpress插件时遇到问题,那么当我运行时,npm run developer盖茨比不会发布任何帖子。您可能需要将WP中的permalinks设置更改为使用查询参数的“普通”以外的其他设置(www.yoursite.com?p=123)。我也遇到了同样的问题。解决问题

Gatsby 盖茨比构建部署在数字海洋上,提供404导航功能

我已经在Digital Ocean上使用“gatsby build”部署了我项目的构建版本。当我尝试使用菜单导航时,它显示404页。甚至一些引导的CSS和其他CSS&JS文件在部署构建后也会丢失 该项目通过“盖茨比服务”在本地机器上运行良好。但不是在数字海洋上 回购: url:您提供的url返回403响应。您可能没有正确配置nginx。您知道如何在DigitalOcean上部署gatsby应用程序吗?我尝试了多种方法,但发现404错误

无法在gatsby上设置十六进制到rgba的转换

我正在尝试使用postsss hexrgba转换颜色,但我的设置似乎有问题。首先,我有以下代码: 背景色:rgba(主题('colors.grey'),0.1) theme('colors.black')从某个库(#000)返回十六进制值 如果我刷新页面,我会得到: `rgba($color,$alpha)`的参数`color`必须是颜色 如果我有: 背景色:rgba(#000,0.1) 现在我相信我的设置有问题,但我无法解决 我使用的是gatsby,在我的gatsby config.js中,我

Gatsby 如何对常规字符串(*而不*插入该字符串)调用模板文字标记函数?

盖茨比中的graphql标记是。。。挑剔的如果尝试在其中使用字符串插值: import queryString from './queries/someQuery' import { graphql } from 'gatsby'; export const query = gql`${queryString}`; 你会得到: graphql片段中不允许使用字符串插值。包含的片段应被引用为…MyModule\u foo 我的问题是,有没有办法在普通('hello world')字符串上而不是

Gatsby 如何强制盖茨比在开发模式下更新源代码后完全重新加载页面?

当我使用gatsby develop运行应用程序,然后更改源代码时,gatsby将尝试更新应用程序,而无需重新加载整个页面,理论上比重新加载页面快。但有时它可能会抛出一个错误,我将被迫重新加载页面 在我的例子中,它几乎总是抛出一个错误,因此我花费更多的时间等待错误显示,然后手动刷新页面(错误将消失,因为它首先是由“快速”页面更新引起的)。那么,如何告诉盖茨比为我刷新页面(就像CRA的默认网页配置一样)

Gatsby contentful的输出html标题包括一个带有链接的隐藏svg

当我试图从contentful构建我的gatsby站点时,html标题(即h1元素)附带了一个“额外”svg元素,包括一个锚标记,而不仅仅是我打算从contentful发布的标题元素 当从contentful中获取资源时,有没有其他人看到过这种行为?如果我只想在我的站点中添加标题元素,而不是contentful添加的额外内容,那么未来的方向是什么 谢谢大家! 有内容的GraphQL API只返回标记字符串。它不返回HTML。由gatsby&plugins完成从Markdown到HTML的转换

Gatsby 盖茨比网站未在IE 11中呈现

我已经使用该模板创建了一个新站点,并且升级到了Node.js的最新版本(12.16.1)和Gatsby的最新版本(2.20.1),但是我无法在IE或原始边缘浏览器中呈现该站点。我尝试了很多在网上找到的东西,我也在注入polyfill.js。事实上,我已经尝试将另一个polyfill直接注入到系统中以支持“forEach”,但仍然得到一个空白页,并且出现以下错误: 对象不支持属性或方法“forEach” 有人可以帮忙吗?您可以在package.json中指定浏览器支持: { "browsers

Gatsby JS节点并不总是正确创建以供createPages使用

在我的盖茨比项目中,我有gatsby node.js导出两个绑定动作创建者:onCreateNode和createPages。通常这些运行正常-当onCreateNode运行时,我使用一些现有节点创建我想要的节点,然后createPages使用其中一些节点创建页面 然而,有时在终端中运行gatsby develope时,我会得到: GraphQLError:无法查询类型“RootQueryType”上的字段“allBusiness”。你是说“allBusinessesJson”吗? 及 Type

Gatsby 为什么盖茨比初学者没有/src文件夹?

我已在本地安装了此Gatbsy站点: 与: 它显示得很好,网站的工作方式与在线演示一样 但是,现在我想把它作为我自己网站的基础,因此我在寻找/src目录,以便我可以更改代码,就像在其他盖茨比初学者网站中一样(例如,盖茨比初学者默认网站:https://www.gatsbyjs.org/starters/gatsbyjs/gatsby-starter-default) 我知道所有盖茨比网站都有一个/src目录,或者不是这样?这个网站的代码在哪里?我只找到了/content(标记文件)和stati

盖茨比演得完美无误。Gatsby Build在生成的站点上呈现错误

当我运行gatsby develope时,它会正确生成我的站点,在终端或浏览器控制台中不会出现任何错误。但是,当我运行gatsby build时,终端没有显示错误,但浏览器控制台包含错误,静态生成的站点无法正确显示我的内容 这是我在我的浏览器中看到的关于盖茨比构建的错误: history.js:90 Uncaught (in promise) DOMException: Failed to execute 'replace' on 'Location': '//' is not a valid

Gatsby flexbox容器中的响应式盖茨比图像

我正在努力让盖茨比形象公司以一种快速响应的方式与flexbox合作: 我希望我所有的图片大小和高度都相同,并且它们应该对手机和桌面有响应 这是盖茨比图像的用例吗 我能让它显示出来的唯一方法是添加一个固定的minWidth: <div className={styles.header}> <GatsbyImage className={styles.image} fluid={image.fluid} style={{ minWidth: '100px' }} />

如何找到使用gatsby备注复制链接文件导入的图像的路径?

带有我的图像的标记页面正在被gatsby remark copy linked files正确使用和链接,但我需要构建一个带有图像URL的JSON提要。因此,我需要在gatsby remark copy linked files复制链接文件后访问图像的路径 如何查询以查找图像路径,这些图像是gatsby remark copy linked files用于构建标记的?gatsby remark copy linked files仅将文件复制到public文件夹。你是说盖茨比评论图片吗?后者会自动

Gatsby 如何在主页上显示博客文章摘要而不使其消失?

当我打开盖茨比网站的主页时,第二和第三篇博文的摘录就消失了 复制步骤 使用盖茨比初学者博客创建新项目 gatsby新博客https://github.com/gatsbyjs/gatsby-starter-blog 建设和服务网站 gatsby构建 盖茨比发球 打开urlhttp://localhost:9000/ 第二和第三篇博文中的摘录消失了 页面重新加载后,将显示摘要 清除页面缓存(Google Chrome中的Cmd+Shift+R)或在“匿名”选项卡中打开页面后,可以再次复制该错

Gatsby 盖茨比-找不到模块

使用gatsby-cli@2.12.98 我已经开始学习Gatsby.js了,第一步就结巴了。安装gatsby cli后,我无法启动新项目。我的文件夹为空,正在运行以下命令: gatsby new gatsby-tutorial gatsby sudo npm i -g gatsby-cli 在这个命令之后,我得到了一个错误 /usr/local/lib/node_modules/gatsby cli/node_modules/yoga-layout-prebuild/yoga-layou

Gatsby 如何在盖茨比主题中处理tailwind.config.js

我正试图通过twin.macro将tailwindcss纳入我的自定义盖茨比主题。我正在使用Thread工作区,项目目录树的设置如下: ./site - The actual site which contains the content ./packages/gatsby-theme-custom/** - The Gatsby theme 因此,我的网站引入了gatsby主题定制,并用自己的内容填充它 到目前为止,tailwindcss本身的集成效果良好。现在,我正试图将一个tailwin

Gatsby 盖茨比JS:注释splash图像引用相对图像或远程图像

我有两个标记文件,一个引用其初始图像的相对图像,另一个引用外部图像 --- cover: relative.jpeg --- Content Foo 及 我想用GraphQL引用这两个图像,就像这样 query { allMarkdownRemark { edges { node { frontmatter { cover { childImageSharp { fluid{

对内容经常更新的站点使用gatsbyJS

我对在我的一个爱好项目中使用盖茨比感兴趣。我已经读了一些关于它的书,并且有一些关于它是否合适的快速问题。该项目大约有30-50条路线(包括/路线),内容每15或30分钟更新一次。目前,我使用react to server side渲染页面并将其发送回浏览器 我已经读到gatsbyJS生成站点的静态版本(并且没有涉及节点服务器)。这是否意味着页面不会在服务器端呈现,而需要更新的内容基本上是在客户端呈现的(从服务器获取数据之后) 盖茨比JS是否适合内容经常变化的项目?gatsbyJS基本上可以提供相

Gatsby 有没有办法修改《盖茨比》中的MDX frontmatter?

我正在使用gatsby插件mdx和gatsby。我已经在frontmatter中添加了一个草稿字段,并且我希望在节点_ENV为生产“时将其值覆盖为始终为false。请注意,gatsby plugin draft似乎没有修改MDX AST,并且与gatsby plugin MDX不兼容。您可以在onCreateNode方法中执行此操作 您可以执行以下操作: // onCreateNode.js const { createFilePath } = require('gatsby-source-fi

Gatsby 盖茨比网站加载白页和错误后更新,最好的办法找到根本原因?

我在用盖茨比。最近一切都很好,直到我运行了npm update,因为我想确保自己是最新的。从那时起,我得到了白色页面,我导航到这个错误 我相信这个错误只会在页面未加载时发生,而不是根本原因。我希望纠正页面未加载的根本原因 环顾四周,似乎这可能是服务人员的问题,所以我按照《盖茨比指南》删除了服务工作,但运气不好 例如,该错误仅在导航到某个页面时发生 <Link className="nav-link" to="/news">News</Link> 冒烟枪是我用的插件 “

Gatsby 盖茨比插件mdx无法同时解析来自frontmatter和body的图像

我遇到麻烦的回购协议是 这是我的gatsby-config.js。至少是相关部分 { 解析:`gatsby源文件系统`, 选项:{path:`${\uu dirname}/content`,name:`content`}, }, { 解析:`gatsby源文件系统`, 选项:{path:`${\uu dirname}/content/assets`,name:`assets`}, }, { 解析:“盖茨比插件根导入”, 选项:{ src:path.join(uu dirname,“src”),

Gatsby 盖茨比插件映像未通过npm安装

我正试图安装盖茨比插件图像通过npm根据文件 接收到终端中的以下错误: $ npm install gatsby-plugin-image gatsby-plugin-sharp gatsby-source-filesystem gatsby-transformer-sharp npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving:

Gatsby 盖茨比没有找到

我已使用盖茨比文档步骤将盖茨比安装到mac中。 使用此命令行“npm安装-g gatsby cli”。但我无法创建盖茨比项目。我的终端出现“-bash:gatsby:command not found”错误。另外,尝试“sudonpm安装gatsbycli-g”,但我得到了相同的错误。我可以在堆栈溢出上看到类似的问题,但提供的解决方案无法帮助我解决。您可以尝试使用命令行npx gatsby new gatsby site npx为您提供了使用某些CLI(如CreateReact应用程序或Gats

如何让GatsbyJS中的/uuuu refresh webhook刷新page-data.json?

我正在本地运行gatsby develop,并尝试在外部CMS中进行更改时使用/\uu refreshwebhook刷新页面上的内容。现在我只是测试手动点击我的本地webhook。这成功地重新运行了sourceNodes和createPages,但是,我的很多数据是动态的,实际上是作为动态生成页面的页面上下文的一部分传递的。无论出于何种原因,最初使用gatsby develope(第一次运行)为我的页面创建的page data.json,即使我正在创建每个页面,也不会刷新 还有其他人遇到过这种情

Gatsby 在《盖茨比》中如何延迟脚本?

我目前正在盖茨比的一个网站上工作,试图弄清楚如何推迟我的js脚本,以便在加载DOM后它们可以与DOM交互。我试着把它们放在我的html.js文件的正文底部,但它们仍然在dom paint之前加载。我还尝试向脚本中添加了defer。我通过使用React头盔并向脚本标记添加defer属性,暂时解决了这个问题

Gatsby 无法从盖茨比图像显示Img

我正试图使用“盖茨比图像”中的Img显示图像。我正在使用graphql从src/images目录中提取图像数据 查询返回数据,以下是控制台输出: file: id: "f5c79f46-ac62-5305-9093-3087798d574f" childImageSharp: id: "60159a12-0e63-532a-b95a-9f2714358d00" fluid: base64: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAA

Netlify Gatsby生成错误,生成在本地工作

昨天和几个月来,通过Contentful添加博客帖子,触发Netlify上的构建钩子,一切正常。今天,一个新的博客帖子通过Netlify添加和构建钩子不起作用。在本地运行盖茨比开发(gatsby develop)或盖茨比构建(gatsby build)时,一切都正常,新的博客帖子也在那里 以下是Netlify上的错误:错误“gatsby node.js”在运行createPages生命周期时引发错误: 下午7:19:16:减速器不得调度行动: 已尝试通过Netlify“清除缓存并部署站点”按

Gatsby 旧纪录仍显示神智健全

我已经创建了一个Sanity.io CMS,在输入内容之后,我对模式进行了一些修改。现在的问题是,内容仍然保存在cms中的某个地方,我无法将其删除。我将已更改/删除的文档重新导入schema.js文件,并通过studio将其删除。目前,另一种选择是使用API删除记录。我将已更改/删除的文档重新导入schema.js文件,并通过studio将其删除。目前,另一种选择是使用API删除记录。有几种方法可以删除在Studio中不再可见的文档: 让Studio呈现旧文档,或者暂时放回原始模式,或者定义一个

如何从gatsby wordpress获取100多个已获取的数据结果

我想用盖茨比去拿300字的新闻稿。但我不知道如何增加每次接受的每页的数量。 这就是我使用盖茨比从WordPress获取数据的方式 resolve: 'gatsby-source-WordPress', options: { baseUrl: '******', perPage: 1000, hostingWPCOM: true, protocol: 'https', useACF: true, auth: { wpcom_app_clientSecre

Gatsby 使用盖茨比图像而不使用GraphQL?

不幸的是,我们使用的是Gatsby,但是前面提到了它的许多特性,比如GraphQL。我想仍然使用盖茨比图像。尽管我无法从调整大小的转换中获益,但我希望获得其他好处,如延迟加载和占位符。有没有办法只通过传递url而不是传递GraphQL查询的结果来实现这一点?用户可以在前面的GraphQL上找到一个页面。简而言之:不,盖茨比图像不是设计用于盖茨比GraphQL数据层之外的工作。虽然可以在没有GraphQL的情况下进行构建,但您将失去许多将盖茨比与替代品区分开来的优势。引述: 在盖茨比网站中也可以使

Gatsby 盖茨比-加载特定于页面的样式

Gatsby build正在将所有样式绑定到一个文件中,我只想捆绑那些在特定页面上使用的样式,这样我们就可以减少捆绑的大小。使用模块css,我想你可以将你的css文件命名为myfile.module.css来自动产生这种行为。使用模块css,我想你可以将你的css文件命名为myfile.module.css来自动产生这种行为行为

Gatsby 如何在盖茨比frontmatter中使用单引号?

我想使用”或一些易于从键盘输入的东西,而不是&apos关于如何做到这一点有什么想法吗?我试图逃跑,但还是没成功 --- title: 'that's great' --- 此外,如果某些页面存在此错误,构建也不会失败,因此基本上它会遗漏错误,我发布的一些页面现在丢失了。前面的内容是YAML,这可能会让人有点困惑,因为它如何根据使用的字符串样式转义字符。在本例中,我们使用单引号字符串。根据,在单引号字符串中,可以通过将单引号加倍来对其进行转义 你的例子是: --- 标题:“太好了” --- 如

在公司防火墙后运行Gatsby cli

我无法使用gatsby cli克隆gatsby-starter-default.git,因为它使用的是被防火墙规则阻止的“git”url 我也尝试将以下内容添加到git配置中,但仍然没有什么乐趣 git config--全局url。“https://”。而不是git:// 下面是输出 gatsby new gatsby-site 2017-10-24T20:57:34-0500 <log> init-starter.js:107 (clone) Cloning git repo gi

无法在chrome开发工具中调试gatsby网站

当我运行gatsby develop并尝试在chrome开发工具中添加断点时,只能在行的开头添加断点,但我不能在其他任何地方添加断点 除了我使用的插件之外,我还没有在我的gatsby配置中添加任何其他内容。您需要为Webpack添加配置以输出源地图 在gatsby-node.js中,添加以下内容: exports.onCreateWebpackConfig = ({ actions }) => { actions.setWebpackConfig({ devtool

Gatsby 允许在NetlifyCMS中选择多个图像

我目前正在将NetlifyCMS集成到我的盖茨比项目中,我一直在允许选择多个图像。我没有指定任何媒体库,因为我只想将这些图像直接存储在我的repo中。我使用的是盖茨比插件netlify cms,并将此配置用于我的收藏 - name: "post" label: "Posts" label_singular: "Post" folder: "example/data/posts" create: true slug: "{{year}}-{{month}}-

Gatsby 我想为我的公司做一个网站,使其服务器渲染只是为了有良好的搜索引擎优化支持。盖西适合吗?

我想为我的公司,应该有以下特点的网站 可以在服务器端进行渲染 燃烧得很快 适合搜索引擎优化 易于维护 您能告诉我gatsby是否适合此要求,以及如何使用gatsby制作我的网站服务器端渲染吗?是的,gatsby适合您的要求 官方文件中有很多信息需要提供 我建议 通过 然后选择一个网站,继续建设你的网站 是的,盖茨比适合你的要求 官方文件中有很多信息需要提供 我建议 通过 然后选择一个网站,继续建设你的网站

Gatsby 盖茨比'中是否包含公众的原因;什么是忽视?

我想在我的公用文件夹中为我的index.html页面添加一个标题和描述元标记,以提高SEO,但盖茨比在其gitignore文件中有index.html。我可以从gitignore中删除index.html而不破坏任何内容吗?有没有一种不同的方法来更新index.html,而不必每次通过git时都重置它 公用文件夹由Gatsby在每次生成时创建,如果向公用文件夹添加任何内容,则下次生成运行时将覆盖该文件夹 按照 /public自动生成。生成过程的输出将在此文件夹中公开。应添加到 .gitignor

Gatsby 盖茨比大遗址

我们的网站目前在Drupal7上。它接近40万页。文章和产品清单。我们主要依靠搜索引擎优化的流量 我们希望移动到更现代化的平台,并希望将CMS与前端分离 我倾向于使用prismic.io作为编辑CMS,我们的产品在一个单独的数据库中。我的理解是,盖茨比可以帮助统一不同的数据源,以便在前端对它们进行相同的处理 我也喜欢盖茨比给你的速度。这是相当令人印象深刻的 我听说react不是搜索引擎优化的最佳选择,但在盖茨比的网站上读到,情况并非如此 我读过盖茨比在大型网站上臭名昭著。生成页面可能需要30多分

Gatsby 在strapi中启用预览选项

如何在不使用盖茨比云的情况下在斯特拉皮(后端)/盖茨比(前端)中启用预览选项 我用过盖茨比云彩,效果很好。但我希望自己实现这一功能,因为gatby cloud for enterprise非常昂贵。依赖于您的问题的想法有些复杂,需要大量实现 实际上,您需要使用webhook在您的环境中触发develop/build命令。这在Strapi3.x.x中是可能的,正如它们的测试版所示,但它仍然是一个测试版功能 一些CMS(比如DatoCMS)公开了一个选项,可以在每次内容更改时重新加载提供的数据,但对

  1    2   3   4   5   6  ... 下一页 最后一页 共 14 页