小编sam*_*imi的帖子

AOS(滚动动画)在接下来的 13 中不起作用

我使用 next 13 ,我想在我的应用程序中添加 AOS 库并使用它,我安装了它,并将其正确添加到我的组件中,但我的组件没有显示,也没有收到任何错误。这是我的主页页面代码:

import Hero from "../components/index/Hero"
import ItSolutions from "@/components/index/ItSolutions"
import Skills from "@/components/index/Skills"
import Script from "next/script"
import AOS from 'aos';
import 'aos/dist/aos.css';

const getData = async (type) => {
const projectId = 'q8l0xi0c'
const dataset = 'production'

const query = encodeURIComponent(`*[_type == "${type}"]`)
const url = `https://${projectId}.api.sanity.io/v2021-10-21/data/query/${dataset}? 
query=${query}`
const response = await fetch(url)
const data = (await response.json()).result
return data
Run Code Online (Sandbox Code Playgroud)

}

const Home = async () => {
<Script>
    AOS.init();
</Script>

const members = …
Run Code Online (Sandbox Code Playgroud)

reactjs next.js

2
推荐指数
1
解决办法
2866
查看次数

标签 统计

next.js ×1

reactjs ×1