我一直在为自己设置一个reactjsweb应用程序/webpack等做噩梦。所以现在我正在使用Gatsby，它救了我的命!!!!我已经使用NPM在本地安装了Gatsby。我想将它部署到我的Github页面...它有点工作...以下是我遵循的说明:https://www.gatsbyjs.org/docs/deploy-gatsby/#github-pages这是我在GitHub.io页面上看到的:https://reenaverma.github.io/它不是默认的入门包索引页面/内容，我在我的本地主机8000上看到了。我可以在我的Github存储库上看到正确的内容已部署到Github
我想使用WebfontLoader管理自定义字体的加载以及加载几个谷歌字体。但是，我不确定如何将它与Gatsby集成。我找到了一个ReactwrapperforWebfontLoader，但它希望您像这样使用它:在我看来这与Gatsby不兼容。有没有办法调整它以便它可以与Gatbsy一起使用？或者一种适应unwrappednpmwebfontloadermodule的方法与Gatsby一起工作？ 最佳答案 在这里看看这些人是如何做到的:https://github.com/smartive/smartive.ch/blob/mast
我正在尝试为我的markdown创建一个接受图像源的自定义组件。我无法通过自定义组件显示图像，因为找不到图像，因为它不存在我也意识到图像路径是由GatsbyJS生成的，我不知道如何在Markdown中检索图像的路径。我确实有一个包含一些文本的自定义组件，但我无法为图像做同样的事情。这是一个带有标题和几个词的简单Markdown。索引.md---title:ToDoApp---Hithisismytodoappapp.Belowisabunchofscreens我创建了一个名为imageholder的自定义组件，它在显示图像
我正在考虑在我的下一个项目中使用Gatsby-Image，并且已经尝试了一些。我让它在我的测试项目上工作，但后来我想出了一个用例，我想像使用常规一样使用Gatsby的标签。标签。如何使Gatsby组件可重用？importReactfrom"react"import{StaticQuery,graphql}from"gatsby"importImgfrom"gatsby-image"functionrenderImage({file}){console.log({file})return}//StatelessImagecomponentwhichIguesswill//receivet
我正在寻求有关GatsbyJS和Contentful的帮助。文档没有给我足够的信息。我正在寻找基于内容数据以编程方式创建页面。在这种情况下，数据类型是一个零售“商店”，在/retail_store_name有一个gatsby页面每个商店的index.js基本上是几个react组件，其中传递了Prop，例如商店名称和谷歌地点ID。向contentful添加数据。这是我的示例数据模型:{"name":"Store""displayField":"shopName","fields":[{"id":"shopName","name":"ShopName","type":"Symbol","l
我不确定我正在使用的东西是否存在错误，或者我是否只是在这里设置了错误，但是我在运行eslintsrc--fix关于“eslint-plugin-@typescript-eslint”我已经指定了@TypeScript-eslint文档中列出的插件，但我收到了这个奇怪的错误，其中eslint试图将“eslint-plugin-”添加到插件名称的开头(包名称是@typescript-eslint/eslint-plugin)我正在使用Gatsby和随附的TypeScriptplugin.错误$eslintsrc--fixOops!Somethingwentwrong!:(ESLint:4.
我想在我的gatsby生成的网站中创建一个使用slug作为参数的路由。我有一个位于路线/projects/上的项目列表.通常使用reactrouter我会创建一个这样的路由:看来在gatsby中，我必须在./pages下创建一个新文件目录并创建一个新路由。我有一个名为projects的页面我尝试在路由参数上查找，但似乎只得到404页面。//./pages/projects.jsclassSingleProjectextendsComponent{state={project:{}}componentDidMount(){constproject=this.props.projects.
我在使用react-transition-group时注意到了这种行为打包在我正在处理的gatsby项目中。我有一个“标签”列表，当它们是从另一个主列表中挑选出来时，它们被添加到一个事件列表中。单击主列表中的标签将其添加到事件列表中，单击事件列表中的标签将其删除。几乎与您期望的类似工作方式一样。转换in工作得很好，但是当转换out时，标签以一种奇怪的方式重新组织自己。我们有五个具有以下值的标签:不含乳制品派对食品家庭规模低胆固醇低钠如果您单击FamilySized标记将其删除，会发生以下情况:FamilySized立即消失LowCholesterol和LowSodium立即向左移动最后
我想在我的Gatsby项目中使用FontAwesome图标。我很乐意在CDN中包含很棒的字体。仅仅将它包含在脚本标签中是行不通的。我想我需要使用import...from'../fontawesome.css'导入它，但我无法让它工作并且还想为此使用cdn。或者我需要用gatsby的css库来解析它吗？请给我建议或提示如何去做。 最佳答案 对于在2018年末访问此页面的任何人，我强烈建议使用react-icons.import{FaBeer}from'react-icons/fa';classQuestionextendsReact
我正在尝试将外部嵌入代码添加到我的Gatsby页面。我目前正在使用importReactfrom'react'importLinkfrom'gatsby-link'lettest="(function(d,s){varuseSSL='https:'==document.location.protocol;varjs,where=d.getElementsByTagName(s)[0],js=d.createElement(s);js.src=(useSSL?'https:':'http:')+'//www.peopleperhour.com/hire/1002307300/121378
