将 Laravel 5.6.29 与 laravel-mix@2.1.11 和 webpack@3.12.0 一起使用。
通过npm i scrollreveal安装 scrollreveal@3.4.0 ，并通过require('scrollreveal')在我的 app.js 中要求它后，我在 app.js 输出，其中找到 ScrollReveal 。
但是，当我尝试使用window.sr = ScrollReveal();初始化它时，会抛出一个错误： ReferenceError：ScrollReveal未定义，即使引用位于定义之后。
我用两种不同的方法尝试过。首先是：
资源/资产/js/app.js
require('scrollreveal');
window.sr = ScrollReveal();
或第二种方式是
资源/视图/index.blade.php
<script type="text/javascript" src="{{ mix('/js/app.js') }}"></script>
<script type="text/javascript">
window.sr = ScrollReveal();
</script>
但是，如果我仅以传统方式包括js：
<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
然后调用ScrollReveal（），它实际上可以工作。
也许这是一个范围问题？但是，为什么它只在ScrollReveal中出现而不在我使用的任何其他库中出现？ NodeJS require（）函数不是导入到全局范围吗？
更新：我发现解决此问题的第三种方法是更改 resources / assets / js / app.js 并添加：
import ScrollReveal from 'scrollreveal';
window.sr = ScrollReveal();
将解决此问题，因为这将使用ES6导入（显然）将 window.sr 定义为 ScrollReveal（）。
但是，为什么NodeJS仍然不需要工作？
答案 0 :(得分：0)
以某种方式使它起作用，我尚不知道为什么它起作用（如果您知道，请详细说明！），但是它起作用。
更改 resources / assets / js / app.js 并添加：
require('scrollreveal')().reveal('.sreveal');
使用NodeJS require（）解决此问题。