import js file from public folder in a vue component (Laravel)

Question

I need to import a file "js" from folder "public" in a vue component.

my Vue component:

<template>
  <div>
    <h2>Hello</h2>
  </div>
</template>
<script>

   import {myplugin} from "/public/vendor/jquery/jquery.min.js";
   export default {
      name: "pageone"
   }
</script>

but i receive an error in compiling phase, can someone help me?

Answer 1

（尽管在使用编译器时将库/包放置到公共文件夹中并不是一个好主意），如果您确实想将其放置在公共文件夹中，则应该使用relative_path。

import {myplugin} from "../../public/vendor/jquery/jquery.min.js";

但是，我将其安装为 npm 包，并利用 laravel-mix 在我的构建中添加 jquery。