gatsby 相关问题

我有以下代码来显示图像，但在开发时没有显示。我有以下代码来显示图像，但在开发时没有显示出来。 <StyledPic> <div className="wrapper"> <StaticImage className="img" src="../../images/me.jpg" width={500} quality={95} formats={["AUTO", "WEBP", "AVIF"]} alt="Headshot" /> </div> </StyledPic> 我的文件结构如下页面构建没有问题，只是没有图片页面 html 如下所示。好像找不到图片位置，但我不知道这里出了什么问题。

html image npm web gatsby

回答 0 投票 0

在 Gatsbyjs 中的特定 URL 显示 JSON 文件

我正在尝试将我的 iOS 应用程序链接到 Gatsby 网站，但我找不到如何在我的 Gatsby 网站的特定 URL 上显示以下 JSON 文件我已经在我的静态文件夹中添加了 JSON 文件 { ...

reactjs json gatsby apple-app-site-associate apple-app-site-association

回答 2 投票 0

使用 Gatsby 动态生成页面请求的最佳方式

我在 Gatsby 网站上工作。 index.js 通过组件挂载上的 REST API 获取对象数组，并将该数组存储在状态中。每个对象的一些属性显示在列表中的 ui

reactjs routes gatsby dynamic-routing

回答 0 投票 0

为什么 Gatsby 没有加载组件？

试图将对象数组映射为组件，在组件内部，但其中的 console.log 永远不会像 JSX 那样记录日志？我是 Gatsby 的新手并试图更好地理解它，我的代码是 b ...

reactjs jsx gatsby

回答 0 投票 0

在生产中使用 gatsby-background-image 插件时生成的最小 React 错误 #418

盖茨比相对较新。我在完成我的项目时第一次遇到问题。在开发中一切正常。但是在 gatsby build 和 gatsby serve 之后浏览器出现错误：

reactjs gatsby

回答 0 投票 0

Gatsby 构建在无效的 HTML 标签上失败（WebpackError）

我要转到 Gatsby 大型新闻网站（超过 60.000 页）。一些迁移的页面在 HTML 中存在错误，例如：定理我要转到 Gatsby 大型新闻网站（超过 60.000 页）。一些迁移的页面在 HTML 中有错误，例如： lorem <b, ipsum dolor sit 它导致构建错误： failed Building static HTML for pages - 3.384s ERROR #95313 HTML.COMPILATION Building static HTML failed for path "/lorem-ipsum/" See our docs page for more info on this error: https://gatsby.dev/debug-html 19 | 20 | // Split the array in 2 parts > 21 | var left = components.slice(0, split); | ^ 22 | var right = components.slice(split); 23 | 24 | return Array.prototype.concat.call([], decodeComponents(left), decodeComponents(right)); WebpackError: Invalid tag: b, 很明显是因为在 HTML 中没有标签“b,”（b 带逗号）。 :) 我们不考虑自动尝试更正 HTML 代码，因为它们会导致不可预测的结果。在将其移交给客户之前，我想使该站点合理地防弹。防弹，即我想尽量减少构建过程中出错的风险。在 HTML 代码错误的情况下构建总比完全不构建要好。然后用户将有机会更正页面代码并重新构建它。那么有没有可能强制 Gatsby 和 Webpack 忽略这些类型的 HTML 错误？编辑：上面的错误来自这行代码： {parse(post.content)} parse() 来自“html-react-parser” 最终消毒剂起到了作用：https://github.com/remarkablemark/html-react-parser/issues/124#issuecomment-538212031 import sanitizeHtml from 'sanitize-html'; const cleanPostContent = sanitizeHtml(post.content); return ( <> {parse(cleanPostContent)} </> ) 不建议强制 Gatsby 和 Webpack 忽略 HTML 错误，因为这会导致不可预知的结果，并可能在网站上造成安全漏洞。最好在构建网站之前修复 HTML 错误。但是，如果您必须继续构建带有 HTML 错误的网站，您可以尝试在 Gatsby 配置文件 (gatsby-config.js) 中将 html.validate 选项设置为 false。这将在构建过程中禁用 HTML 验证，并可能允许构建在 HTML 错误的情况下完成。请注意，不建议禁用 HTML 验证，因为它可能导致意外行为，并可能在未来产生问题。最好尽快修复 HTML 错误以避免潜在问题。

javascript html reactjs webpack gatsby

回答 2 投票 0

在 React 的 gh 页面上部署模糊图像

我在 github 页面上部署的 Gatsby 博客版本有问题。我正在使用 gatsby-remark-images 在我的帖子中添加图片。但是当我部署它时，图像是模糊的。我也有毛病

reactjs gatsby github-pages

回答 0 投票 0

React-Leaflet with leaflet.locatecontrol

我遵循了 React Locate on map 的答案，在 gatsby 开发模式下一切正常。但是如果我构建我的 gatsby 项目它会抛出一个 webpack 错误 “WebpackError: TypeError: Object(...) is ...

gatsby react-leaflet

回答 2 投票 0

Gatsby clean project shows Field "featuredimage" must not have a selection since type "String" has no subfields 错误

Gatsby clean 项目显示许多字段“x”不能有选择，因为类型“String”没有子字段错误。我的电脑信息节点 v18.14.1 npm v9.5.0 我使用了这个模板。 https:/...