Nuxt Js项目中如何正确加载脚本文件

Question

我正在尝试在 Nuxt JS 项目中使用 HTML/CSS/JS 模板，其中包含 JQuery、插件和一些其他脚本文件。我已将所有脚本文件包含在 nuxt.config.js 文件中。每当我运行项目时，我都会收到这些错误：\

这是我的 nuxt.config.js 文件：

...
script: [
      {
        src: "/js/jquery-2.1.4.min.js",
      },
      {
        src: "/js/mfn.menu.js",
        body: true,
      },
      {
        src: "/js/jquery.jplayer.min.js",
        body: true,
      },
      {
        src: "/js/animations.js",
        body: true,
      },
      {
        src: "/js/translate3d.js",
        body: true,
      },
      {
        src: "/js/scripts.js",
        body: true,
      },

      {
        src: "/plugins/jquery.themepunch.tools.min.js",
        body: true,
      },
      {
        src: "/plugins/jquery.themepunch.revolution.min.js",
        body: true,
      },
      {
        src: "/plugins/revolution.extension.video.min.js",
        body: true,
      },
      {
        src: "/plugins/revolution.extension.slideanims.min.js",
        body: true,
      },
      {
        src: "/plugins/revolution.extension.actions.min.js",
        body: true,
      },
      {
        src: "/plugins/revolution.extension.layeranimation.min.js",
        body: true,
      },
      {
        src: "/plugins/revolution.extension.kenburn.min.js",
        body: true,
      },
      {
        src: "/plugins/revolution.extension.navigation.min.js",
        body: true,
      },
      {
        src: "/plugins/revolution.extension.migration.min.js",
        body: true,
      },
      {
        src: "/plugins/revolution.extension.parallax.min.js",
        body: true,
      },
      {
        src: "/js/on.load.js",
        body: true,
      },
...

有人能告诉我我做错了什么吗？

Answer 1

好的，这是第 3 方脚本的答案：

下面是如何将 jQuery 配置到 Nuxt 项目中：

此外，请阅读 plugins documentation 以确定如何使用它们。并且更喜欢使用 npm 包而不是导入一些静态 min.js 文件。

我什至会说，尽量避免使用 jQuery 包，因为 Vue 为您提供了 jQuery 的所有功能，甚至更多，同时拥有它们是对 JS 的浪费（影响最终用户的性能）。

如果在这些问题之后您仍然有一些问题（通读），请随时使用任何其他信息更新您的问题！

Nuxt Js项目中如何正确加载脚本文件

How to load script files in Nuxt Js project properly

javascript

nuxt.js