按照文档并得到以下错误:TypeError:无法读取未定义的属性'querySelector'。我已将以下内容添加到我的 index.html
<link
rel="stylesheet"
href="node_modules/@glidejs/glide/dist/css/glide.core.min.css"
/>
出于某种原因,滑翔打破了我的整个申请。为了让 GlideJS 在 create-react-app 中工作,我需要执行另一个步骤吗?任何建议都会有很大帮助。谢谢!我的代码如下:
import React from "react"
import Glide from "@glidejs/glide"
const Test = () => {
new Glide(".glide").mount()
return (
<>
{" "}
<div className='glide'>
<div className='glide__track' data-glide-el='track'>
<ul className='glide__slides'>
<li className='glide__slide slider'>1</li>
<li className='glide__slide slider'>2</li>
<li className='glide__slide slider'>3</li>
<li className='glide__slide slider'>4</li>
</ul>
</div>
<div className='glide__arrows' data-glide-el='controls'>
<button
className='glide__arrow glide__arrow--prev'
data-glide-dir='<'
>
prev
</button>
<button
className='glide__arrow glide__arrow--next'
data-glide-dir='>'
>
next
</button>
</div>
</div>
</>
)
}
export default Test