回答情况：
提问时间：
问题标签：
对于图像，我想使用gatsby-image和艺术指导多个图像。中的示例可以处理单个图像，但是我如何将其应用于包含多个图像的组件？/images/image3.jpg'),]
import { graphql } from "gatsby"
import Img from "gatsby-image&
浏览 1提问于2019-11-04得票数 0
尝试映射gatsby项目中文件夹中的图像。我根据我所看到的指南设置了一个我认为可以工作的查询。我没有得到任何错误和网站加载，但图像不显示。有什么想法吗？谢谢! plugins: [ `gatsby-transformer-sharp`, { options: {
浏览 5提问于2020-02-10得票数 1
我试着在gatsby-image上使用这个属性：objectFit="none"它没有效果--默认的"cover"出现了。 我可以用css解决这个问题，但我希望不需要这样做，任何想法。
浏览 16提问于2019-04-18得票数 6
我希望能够使用Gatsby-image来转换这些图像，但无法使其与数组一起工作。/images/1.jpg' images: ['1', '2', '3', '4', '5', '6'] 我可以让gatsby-image与mainImage一起工作，但不能让查询与数组一起工作。我希望能够让gatsby-image与数组一起工作，并转换每个图像。
浏览 17提问于2019-09-23得票数 0
我正在尝试使用Img from 'gatsby-image'显示图像。我使用graphql从src/images目录中提取图像数据。/images/bitmoji.png'; const {siteTitle
浏览 0提问于2020-03-20得票数 0
当尝试在我的header.js中使用gatsby-image时，我得到了以下错误。PropTypes from "prop-types";import { graphql } from "gatsby"; ...GatsbyImageSharpFluid } }
浏览 22提问于2019-02-11得票数 0
回答已采纳
是否可以使用gatsby-image优化来自Strapi (使用react-markdown渲染)的标记内容中的图像
请注意，gatsby-remark-images不适用于这种情况。
浏览 2修改于2020-10-04得票数 0
这就是图像在index.js中的显示方式以及它的工作原理。imgUrl基本上是一个图像url。 import React from 'react'; { imgUrl } console.log(data);
浏览 20修改于2020-10-28得票数 0
回答已采纳
我在我的Gatsby网站上有一系列的促销活动，它们使用gatsby-source-mysql从数据库中提取数据。在此数据中，我有一个名为ad_filename的图像节点，例如，它返回ad_image_1.jpg。我已经将完整的资源URL设置为环境变量，但由于我只在graphql查询中获得文件名，所以我无法使用remoteImageFieldNames中内置的插件并使图像与gatsby-image.一起工作。我想这样就可以控制尺寸/优化等。有没有办法将相对的，远程路径转换为可用的节点？{
resolve: `gatsby-sou
浏览 1提问于2020-12-17得票数 1
从gatsby-image得到的静态html代码如下所示： <div class=" gatsby-image-wrapper" style="position: relative; overflow这是图像组件： import * as React from "react"import Img from "gatsby-image
浏览 11提问于2021-01-10得票数 2
回答已采纳
我使用gatsby-image和childImageSharp方便字段来呈现图像，如果这有什么不同的话！
浏览 0提问于2020-01-21得票数 1
我正在考虑在我的下一个项目中使用Gatsby-Image，并一直在使用它。import React from "react"import Img from "gatsby-image
浏览 0提问于2019-03-12得票数 32
我正在尝试将CSS应用于gatsby-image。Gatsby一直呈现没有应用样式的HTML。
浏览 20修改于2019-02-22得票数 0
我想使用gatsby-image插件，但是gatsby-image不能查询url字段。因此，我需要从另一个节点上的内容管理系统下载这些图像，以便gatsby-image可以查询它们。
浏览 19修改于2019-09-23得票数 2
GatsbyImageSharpFixed_withWebp } } } }
} 然后，我尝试使用Gatsby-imageGatsby-image的版本为2.11.0： <Img fixed={data.allWpPage.nodes[0].ACFgraphql.logoGrid.img1} /> 当我执行console.log
浏览 17提问于2021-04-22得票数 1
回答已采纳
我正在尝试使用gatsby-image构建一个react-bootstrap carousel，因为使用标准img标记的加载速度很慢。Image组件本身： import React from "react"import Img from "gatsby-image
浏览 13修改于2021-07-26得票数 1
我正在尝试用GraphQL添加gatsby-image。我不需要重写我的整个启动器，我只想要加载时间的映像优化。所有的数据查询都是使用lodash完成的，所以我很困惑。
浏览 0修改于2020-03-30得票数 0
我想用gatsby-image来渲染它们，但我不知道该怎么做，因为文档上所有可用的示例都是由"images“文件夹中的单个文件或静态文件组成的。这是我正在使用的模板：import { graphql } from "gatsby"
import Img from "gatsby-image"
浏览 7修改于2019-07-06得票数 0
后来我发现，通过开发工具更改gatsby-image-wrapper上的margin可以得到预期的结果，但这需要更改核心gatsby-image插件，并且必须分别手动更改每个映像的margin，这不是解决方案project.jsimport Img from 'gatsby-image'
import PropTypes from 'prop-typesuseSpring, animated, config } from 'react-sprin
浏览 19修改于2019-08-19得票数 5
回答已采纳
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号