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

ffdz8vbo  于 2022-12-05  发布在  其他
关注(0)|答案(1)|浏览(105)

我正在使用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

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

wlzqhblo

wlzqhblo1#

关闭Github上的README,您可以:

import AOS from 'aos';

AOS.init();

如果您不确定如何使用npm包,那么值得查看以下内容(如果存在):

  • www.example.com上的描述www.npmjs.com- Google npm [package name]或使用npmjs.com上的搜索
  • repo自述文件-此链接通常位于www.example.com页面的右侧npmjs.com
  • 官方文档网站-如果有一个,它通常会在上述之一。

相关问题