Javascript 使用网页包Laravel 5.4加载materialize时出现jQuery错误

我想在用webpack编译的Laravel5.4上使用

window.$ = window.jQuery = require('jquery');

require('materialize-css');
// or
// require('materialize-css/dist/js/materialize.js');
// but same issue

$(document).ready(function(){
    $('.materialboxed').materialbox();
    $('.modal').modal();
    $('.parallax').parallax();
});

这是我的代码，但错误是：

未捕获类型错误：$..materialbox不是函数

它与此相关：

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="{{ asset('js/materialize.min.js') }}"></script>
<script>
   $(document).ready(function(){
      $('.materialboxed').materialbox();
      $('.modal').modal();
      $('.parallax').parallax();
   });
</script>

app.js：

$(document).ready(function(){
    $('.materialboxed').materialbox();
    $('.modal').modal();
    $('.parallax').parallax();
});

---

我在Laravel5.4中的materializecss也遇到了这种问题，我的快速修复方法是手动将materializecss源代码下载到/resources/assets/中。 这就是我的目录现在的样子

/resources
----/js
-------app.js
-------bootstrap.js
----/materialize
-------/css
-------/fonts
-------/js

然后，在我的bootstrap.js上，我添加了以下代码

需要“../materialize/js/materialize.js”

---

这就解决了我的问题。

为什么要使用require？@Thomas，因为这是现代的推荐方式。当我尝试此操作并运行npm run dev时，我得到一个错误，没有找到此依赖项：*hammerjs in./resources/assets/js/materialize js/js/materialize.js

/resources
----/js
-------app.js
-------bootstrap.js
----/materialize
-------/css
-------/fonts
-------/js