Javascript 在Laravel mix中编译和初始化外部JS库

我正在使用LaravelMix来编译我的所有资产，但是我在初始化外部库时遇到了问题

我使用了

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');

现在，在一个视图中，我将文件包含在

头部

：

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

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

离开Github，您可以执行以下操作：

import AOS from 'aos';

AOS.init();

---

如果您不确定如何使用

npm

软件包，请务必查看以下内容（如果存在）：

• www.npmjs.com上的说明-谷歌

  npm[软件包名称]

  或使用npmjs.com上的搜索
• 回购自述文件-此链接通常位于npmjs.com页面的右侧
• 官方文件网站-如果有，通常可以在上面的一个网站上找到

---

尝试使用

从“AOS”导入AOS；AOS.init（）

或

var AOS=require（'AOS'）；AOS.init（）
import AOS from 'aos';

AOS.init();