在Vue组件中导入javascript文件

Question

我正在尝试将 .js 文件导入我的 Vue 组件之一。

我已经import './magnetic'过： import './magnetic'但我收到了这个错误：

Critical dependency: require function is used in a way in which dependencies cannot be statically extracted.

如果我把它像这样<script src="magnetic.js"></script>放入 index.html 它工作没有问题。

您可以在此链接中找到我正在使用的 .js： https : //github.com/codrops/MagneticButtons/blob/master/dist/demo1.151408fb.js

有人能帮助我吗？

Answer 1

使用挂载钩子加载你的 js 文件

<script>
export default {
  mounted() {
    const plugin = document.createElement("script");
    plugin.setAttribute(
      "src",
      "//api.example.com/widget/core.js"
    );
    plugin.async = true;
    document.head.appendChild(plugin);
  }
};
</script>