Question

执行以下操作时，我的控制台中显示“未定义未引用参考错误滑出”。

在resources / js / app.js中：

require('./slideout');

刀片模板中位于</body>之前的代码：

<script src="{{ mix('/js/app.js') }}"></script>
<script type="text/javascript">
$(function () {

    var slideout = new Slideout({
        'panel': document.getElementById('panel'),
        'menu': document.getElementById('menu'),
        'padding': 256,
        'tolerance': 70
    });

});
</script>

如果我检查生成的app.js文件，可以看到所有的Slideout代码都在那里。因此已正确包含。</ p>

但是，如果我这样做（通过CDN添加slideout.min.js），它将起作用：

<script src="{{ mix('/js/app.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slideout/1.0.1/slideout.min.js"></script>
<script type="text/javascript">
$(function () {

    var slideout = new Slideout({
        'panel': document.getElementById('panel'),
        'menu': document.getElementById('menu'),
        'padding': 256,
        'tolerance': 70
    });

});
</script>

当Slideout代码位于app.js文件中时，为什么它不起作用？

Laravel Webpack包括自定义JavaScript

0 个答案: