【问题标题】:Adding external js file in vue cli在 vue cli 中添加外部 js 文件
【发布时间】:2020-06-04 10:00:30
【问题描述】:

我正在尝试在 vue app.vue 中添加外部 js 文件。但它不起作用。我按照这个添加外部样式表。还想在 component 中包含另一个 js 文件。我是 vue js 的初学者。我怎么能包括这个。提前致谢 。我正在使用 vue cli

App.vue

  <template>
    <div id="app">
       <router-view/>
    </div>
  </template>

 <script>
    @import './assets/plugins/bootstrap/js/popper.min.js';
    @import './assets/plugins/bootstrap/js/bootstrap.min.js';
    @import './assets/js/jquery.slimscroll.js';
  </script>

【问题讨论】:

标签: vue.js vuejs2 vue-cli vue-cli-3


【解决方案1】:

其中之一

<script src='./assets/plugins/bootstrap/js/popper.min.js'></script>
<script src='./assets/plugins/bootstrap/js/bootstrap.min.js'></script>
<script src='./assets/js/jquery.slimscroll.js'></script>

<script>
export default
{
   import './assets/plugins/bootstrap/js/popper.min.js';
   import './assets/plugins/bootstrap/js/bootstrap.min.js';
   import './assets/js/jquery.slimscroll.js';
}
</script>

但是如果你将这些脚本导入到你的public/index.html 文件中会更好。

【讨论】:

  • 感谢您的回复。根据您的指示,我将它们添加到 public/index.html 中。像 。但它不起作用
  • 您应该检查这些是否是要使用的正确路径 - public/index.html 中的路径在其部署时与此文件相关,而在您的 ES6 JavaScript 模块与该文件相关(可能在 src 文件夹内)
  • 我也试过了。 但不起作用。文件夹结构为 src/assets/styles/style.csssrc/assets/js/popper.min.js
  • 我如何从 src/... 访问文件,因为我的索引文件位于 public 文件夹中。
  • 您必须将这些文件放在 public 文件夹中。
猜你喜欢
  • 2017-08-30
  • 1970-01-01
  • 2016-12-15
  • 2018-10-22
  • 2020-07-10
  • 2018-09-09
  • 2021-10-03
  • 2020-10-19
  • 2021-05-08
相关资源
最近更新 更多