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

【问题标题】：How to load script files in Nuxt Js project properly如何正确加载 Nuxt Js 项目中的脚本文件
【发布时间】：2021-12-22 22:17:57
【问题描述】：

我正在尝试在 Nuxt JS 项目中使用包含 JQuery、插件和一些其他脚本文件的 HTML/CSS/JS 模板。我已将所有脚本文件包含在 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,
      },
...

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

【问题讨论】：

标签： javascript nuxt.js

【解决方案1】：

好的，第 3 方脚本的答案如下：https://stackoverflow.com/a/67535277/8816585

下面是如何将 jQuery 配置到 Nuxt 项目中：https://stackoverflow.com/a/68414170/8816585

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

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

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

【讨论】：