为了账号安全,请及时绑定邮箱和手机立即绑定

如何定义背景滑块的背景以及如何修复它?

如何定义背景滑块的背景以及如何修复它?

叮当猫咪 2022-07-08 16:13:58
我正在尝试为餐厅制作背景滑块。出于这个原因,我使用了 gatsby-image-background-slider。当我执行“gatsby develop”时,它在执行时没有显示错误,但是当我尝试在本地主机中浏览时,它显示错误“× TypeError:无法读取未定义的属性'背景'”源代码可以在这里找到在这里输入链接描述我想使用轮播,但我认为使用这个插件会更好。这是我在 gatsby 的第一次尝试。我已经安装了插件并尝试了 graphql 中的查询。根据 gatsby-image-background-slider 文档,没有提到将目录提供给背景。我尝试在相对路径中输入一些内容,但它显示错误并且文档中未提及。有什么想法我怎样才能摆脱这个错误或者我可以有一个背景滑块或旋转木马之类的优化方式吗?
查看完整描述

2 回答

?
海绵宝宝撒

TA贡献1809条经验 获得超8个赞

如果您指定要包含的图像 (images={[]}),请确保图像名称存在于您的图像文件夹中



查看完整回答
反对 回复 2022-07-08
?
冉冉说

TA贡献1877条经验 获得超1个赞

您需要将 BackgroundSection 组件更改为:


export default function BackgroundSection({

  img,

  styleClass,

  children,

  title,

  query // you forgot this

}) {

  return (

    <BackgroundSlider className={styleClass} fluid={img} query={query}>

      <div class="container">

        <div class="row align-items-center justify-content-center">

          <div class="col-xl-9 col-md-9 col-md-12">

            <div class="slider_text text-center bold">

              <div>

                <h1>{title}</h1>

              </div>

              <div>

                <h1>{title}</h1>

              </div>

            </div>

          </div>

        </div>

      </div>


      {children}

    </BackgroundSlider>

  )

}

您忘记包含查询并将该查询传递给 BackgroundSLider 组件


查看完整回答
反对 回复 2022-07-08
  • 2 回答
  • 0 关注
  • 146 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号