Question

我现在挣扎了几个小时。

我有一个HTML / CSS / JS主题，并希望将其实现到我的Nuxt应用程序中。该主题有几个需要jQuery作为库的JS插件。我搜索了以下内容。

将jQuery文件复制到nuxt项目的“ plugins”文件夹以及一个外部插件（“ owl.carousel.min.js”）中，然后，我进入nuxt.config.js并注册为以下：

  plugins: [
    { src: "~/plugins/global-components.js" },

    {
      src: "~/plugins/jquery-2.2.4.min.js",
      mode: "client"
    },
    {
      src: "~/plugins/owl.carousel.min.js",
      mode: "client"
    }
  ],

显然，我给他们提供了属性“ mode：'client'”。作为最后一步，我进入了index.vue文件，我想在其中使用它们并将其导入：

<script>
import jQuery from "@/plugins/jquery-2.2.4.min.js";
import OwlCarousel from "@/plugins/owl.carousel.min.js";

import MobileMenu from "@/components/layout/MobileMenu";
import RevolutionSlider from "@/components/layout/RevolutionSlider";

export default {
   components: {
      MobileMenu,
      RevolutionSlider
   },
   mounted() {
      jQuery;
      OwlCarousel;
   }
};
</script>

我得到的是：“无法读取未定义的属性'document'”。

我努力工作几天才能完成外部文件的配置，但它根本无法正常工作。当我简单地将它们放在nuxt.config.js的“脚本”部分中时，js-fils只会加载一次。当我四处浏览时，它们不再起作用。

感谢帮助！

Nuxt和外部JS文件

0 个答案: