从vue组件（Laravel）中的公用文件夹导入js文件

我需要从vue组件中的“public”文件夹导入一个文件“js”

我的Vue组件：

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

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

你好
从“/public/vendor/jquery/jquery.min.js”导入{myplugin}；
导出默认值{
姓名：“第一页”
}

但我在编译阶段收到一个错误，有人能帮我吗？

（尽管在使用编译器时将库/包放在公用文件夹中不是一个好主意），如果您确实想将其放在公用文件夹中，您应该使用相对路径

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

---

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

错误是什么？请附上错误截图。我想您需要使用相对路径。类似于“../../../public/vendor/jquery/jquery.min.js”中的

，

为什么在您的

public

文件夹中有

vendor

文件夹

jquery

很可能已经存在（取决于您使用的Laravel/Laravel UI的版本）。通过npm包括/要求jquery。另外，从导入{myplugin}是错误的。应该类似于

import*as jQuery from…