Javascript 如何将滚动js添加到Nuxtjs

我需要你的帮助，以添加在Nuxt js项目滚动js。我得到的窗口未定义错误

我遵循Nuxt的指南添加了一个插件，比如

if (process.client) {
  require('external_library')
}

但是，即使在nuxt.config.js文件中添加了插件，这对我也不起作用

import ScrollOut from "scroll-out";

export default {
  methods: {
    textAnim() {
      TweenMax.set("#logo, .hidetext, #about-text", { visibility: 'visible' })
      const tl = new TimelineMax();
        tl.from("#logo path", 1, { stroke: "white", drawSVG: "0" });
        tl.to("#s_1_", .5, { fill: "white", stroke: "none" }, "-=.3")
        tl.to("#k_1_", .5, { fill: "gray", stroke: "none"}, "-=.3")
        tl.staggerFrom(".hidetext", 1, { y: "130%", ease: Power4.easeOut }, 0.5);
        tl.from("#about-text", 0.5, { alpha: 0, y: 50, ease: Power1.easeOut }, "-=.5");
    }
  },
  mounted() {
    ScrollOut({
      targets: "h3, [data-splitting], ul li",
      threshold: .5
    });
    this.textAnim();
  },
  components: {
    Logo
  }
};

在我的package.json文件中，我还看到了

的“nuxt”：“^2.0.0”，

版本。我使用

createnumxt-app

创建了这个项目

非常感谢您的帮助

---

感谢您

创建一个文件作为plugins/scroll-out.js并编写：

import ScrollOut from "scroll-out";

在nuxt.config.js中

modules: [
  ...
  { src: '~/plugins/scroll-out.js', mode: 'client' }
  ...
]

这会使你的插件只在客户端加载

这是文件