Javascript 从Laravel刀片内部的js文件访问对象？

我想使用刀片文件中的包

因此，我用npm安装了它，并在我的资产中用这个内容创建了一个

sortable.js

文件

import Sortable from "sortablejs";

使用webpack.mix.js将其编译到公用文件夹中

我希望我可以在我的刀片中这样使用它：

<script src="{{ asset('js/sortable.js') }}"></script>
<script type="text/javascript">

    var documentlists = $('#documentlist');
    Sortable.create(documentlists);
</script>

var documentlist=$（“#documentlist”）；
可排序。创建（文档列表）；

但是，这会导致错误：

未捕获引用错误：未定义可排序 http://localhost:8004/admin/settings/businessagreement:715

---

为什么我不能像这样包括它，我需要如何做呢？

您的

导入

语句需要与您的

可排序

代码位于同一个文件中。然后，您可以运行

npm run watch

来使用laravel mix创建脚本

刀片文件加载Javascript文件

<script src="{{ asset('js/sortable.js') }}"></script>
<script src="{{ asset('is/myscript.js') }}"></script>

---

也许它甚至可以在省略第一个脚本标记时工作。

您的

import

语句需要与您的

Sortable

代码位于同一个文件中。然后，您可以运行

npm run watch

来使用laravel mix创建脚本

刀片文件加载Javascript文件

<script src="{{ asset('js/sortable.js') }}"></script>
<script src="{{ asset('is/myscript.js') }}"></script>

---

也许它甚至可以在省略第一个脚本标记时工作。

Ok first In

app.js

put

import Sortable from "sortablejs";

并确保它已导入=>如果您使用vs代码，请按ctrl键并单击sortablejs（如果不尝试的话） npm run watch然后在主刀片导入app.js中运行

<script src="/js/app.js"></script>

---

然后在

app.js

put中先确定你想要的

import Sortable from "sortablejs";

并确保它已导入=>如果您使用vs代码，请按ctrl键并单击sortablejs（如果不尝试的话） npm run watch然后在主刀片导入app.js中运行

<script src="/js/app.js"></script>

---

然后做你想做的事

让npm运行监视然后try@AhmedShams我确实在sotrable.js文件中使用npmAdd

window.Sortable=Sortable

进行了编译，以将其公开给全局窗口，或者（甚至更好）移动

Sortable.create（$（“#documentlist”）

在您的sortable.js文件中制作

npm run watch

然后try@AhmedShams我确实在sotrable.js文件中使用npmAdd

window.Sortable=Sortable

进行编译，以将其公开给全局窗口，或者（甚至更好）在Sortable.js文件中移动

Sortable.create（$（“#documentlist'））