我正在使用Laravel mix编译我所有的资源，但是我在初始化外部库时遇到了麻烦。
我已经使用npm install aos --save来获取依赖项，在我的app.js中，我这样调用它：

require('aos/dist/aos');
AOS.init();

我的混合文件：

mix
    .js('resources/js/app.js', 'public/js')
    .js('resources/js/index.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .sass('resources/sass/index.scss', 'public/css');

现在，在视图中，我将文件包含在head中：

<script defer src="{{ mix('js/app.js') }}"></script>

但我一直认为

Uncaught ReferenceError: AOS is not defined

我如何解决它？如果它被引用在同一个文件中，并在库要求之后，为什么它不工作？