Плагин анимации при прокрутке не работает в Nuxt версии 2 после развертывания на хостинге Firebase с использованием облачных функций

Question

Я использую библиотеку анимации при прокрутке через npm на моем сайте Nuxt.js. Когда я добавляю его в свои плагины /aos.js и настраиваю в плагине nuxt.config.js, он работает очень хорошо. Но когда я пытаюсь развернуться на хостинге Firebase с облачными функциями, это не работает.

Вот мой файл plugins/aos.js

 import AOS from "aos";
 
 import "aos/dist/aos.css";
 
 export default ({ app }) = {   app.AOS = new AOS.init({ disable:
 "phone" }); };

Это мой файл nuxt.config.js

 export default {   mode: "universal",
 
   head: {
     title: process.env.npm_package_name || "",
     meta: [
       { charset: "utf-8" },
       { name: "viewport", content: "width=device-width, initial-scale=1" },
       {
         hid: "description",
         name: "description",
         content: process.env.npm_package_description || ""
       }
     ],
     link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }]   },
      loading: { color: "#fff" },
      css: [],
     plugins: [{ src: "@/plugins/aos", mode: "server" }],
     buildModules: [],
     modules: ["@nuxtjs/vendor"],
      buildDir: "../functions/nuxt",   build: {
     publicPath: "/",
     extractCSS: true,
    
     extend(config, ctx) {}   } };

Answer 1

Может из-за ССР. Я только что сам заработал.

Переименовать aos.jsк aos.client.jsчтобы убедиться, что он загружен только на клиенте.

В этом файле у меня есть

      import AOS from 'aos'

export default ({ app }) => {
  app.AOS = AOS.init({
    offset: 250,
    once: true,
  })
}