在 vue.js 模板 nuxt 中包含外部脚本

Posted 2023-03-25

【中文标题】在 vue.js 模板 nuxt 中包含外部脚本

【英文标题】：Including external script in vue.js template nuxt

【发布时间】：2021-09-17 14:54:40

【问题描述】：

我尝试了这个解决方案来使用外部 js，但没有用

<template>
  <div>
    <script
      type="application/javascript"
      defer
      src="/assets/javascript/jquery.flexslider-min.js"
    ></script>
  </div>
</template>

显示的错误

GET http://localhost:3000/assets/javascript/jquery.flexslider-min.js net::ERR_ABORTED 404（未找到）

【问题讨论】：

***.com/questions/59015259/…

【参考方案1】：

如果你打算使用一些 NPM 包，可以使用Nuxt plugins。 如果您更喜欢加载 3rd 方脚本，这里解释的方法是可行的方法：https://***.com/a/67535277/8816585

通过您的 jQuery 文件的外观，您可能会对这篇文章感兴趣：https://vueschool.io/articles/vuejs-tutorials/how-to-load-third-party-scripts-in-nuxt-js/

但如果可以的话，尝试使用 NPM 包或在 Vue 生态系统中寻找包，而不是使用 jQuery。

【参考方案2】：

当您使用 vue 或 nuxt 时，使用外部包的正确方法是使用 npm 或 yarn 或其他包管理器将它们安装到您的项目中。

【讨论】：

谢谢你，我试着把文件放到静态文件夹然后它工作。