Javascript 未在Laravel上加载JS库

我已经在laravel上的应用程序中安装了list.js。我正在努力遵循最佳实践，而在拉威尔的工作，但我有点新的它

我是通过

npm install list.js

完成的，然后在我的控制台上运行

npm run dev

这个过程是成功的。然后我在app.js中添加了一行

require（'list.js'）

这也可以正常工作，并且文件得到了正确编译

但现在当我启动库时：

var options = {
    valueNames: [ 'list-rest-name', 'list-cuisine' ]
};

var userList = new List('wrap-rest-list', options);

我得到：

app.js:13917 Uncaught ReferenceError: List is not defined
    at Object.<anonymous> (app.js:13917)
    at __webpack_require__ (app.js:20)
    at Object.<anonymous> (app.js:13881)
    at __webpack_require__ (app.js:20)
    at app.js:63
    at app.js:66

app.js:13917未捕获引用错误：未定义列表
反对。（app.js:13917）
在需要的网页（app.js:20）
反对。（app.js:13881）
在需要的网页（app.js:20）
app.js:63
app.js:66

就像我的应用程序根本没有加载库一样

知道为什么吗

我正在将app.js加载到应用程序的头部
 我发现了这个问题，所以我会留下答案，以防有人发现有用

因此，在通过
npm
安装之后，您必须转到位于
resources/js
的
app.js
并添加require，但方式如下：
var List=require（'List.js'）

（您必须创建变量才能让您的应用程序识别它）
您可以粘贴如何加载
app.js
？也许你有一个
defer
属性。是的，我有它！：S我正在加载所有延迟，也许您可以尝试删除它，看看您的代码是否正常工作。不，仍然不工作！我能让它工作的唯一方法是将库放在公用文件夹中，并在刀片本身上调用它（甚至不在标题刀片上）。。。我可以这样做，但我为什么要使用npm呢：(