【问题标题】:Including external script in vue.js template nuxt在 vue.js 模板 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(未找到)

【问题讨论】:

标签: vue.js nuxt.js


【解决方案1】:

如果你打算使用一些 NPM 包,可以使用Nuxt plugins
如果您更喜欢加载 3rd 方脚本,这里解释的方法是可行的方法:https://stackoverflow.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 或其他包管理器将它们安装到您的项目中。

    【讨论】:

    • 谢谢你,我试着把文件放到静态文件夹然后它工作。
    猜你喜欢
    • 2019-07-30
    • 2018-10-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-10-15
    • 1970-01-01
    相关资源
    最近更新 更多