小编Nym*_*nae的帖子

将 AOS 与 Nuxt3 结合使用

有人已经在 Vue3 中使用过 AOS 或 vue-aos 包吗?

尽管禁用了配置,但我还是收到了一堆错误,可能是由于 ssr (Vue 未定义,文档未定义)所致。

nuxt.config.ts

export default defineNuxtConfig({
  plugins: [
    { src: '~/plugins/aos', mode: 'client', ssr: false }
  ],
}}
Run Code Online (Sandbox Code Playgroud)

插件/aos.ts

import VueAOS from "vue-aos"

export default defineNuxtPlugin(nuxtApp => {
  nuxtApp.vueApp.use(VueAOS)
})
Run Code Online (Sandbox Code Playgroud)

我尝试了这种方式,我尝试了使用cdn文件的方式(但它导致使用.init()时未定义AOS并且两者都不起作用。每个关于AOS的教程都与Nuxt2相关。

我还尝试将vue-aos包放在 nuxt 配置上的 build.transpile 上,但没有成功。

多谢

javascript aos.js nuxtjs3

3
推荐指数
1
解决办法
3710
查看次数

标签 统计

aos.js ×1

javascript ×1

nuxtjs3 ×1