在app.js中使用$后在视图中使用$时出现“未定义$”

时间:2019-06-20 07:50:26

标签: jquery laravel

我有一个应用,希望在视图内的脚本标签中使用git status

我尝试移动导入,并确保在其他脚本之前加载了带有需求Jquery的{​​{1}}(带有警告,一个在导入之后,一个在jQuery我之前)要使用)。

我想我可以为每个视图制作一个文件并更改app.js的配置,每次都需要jquery,但这会很麻烦。

webpack

jquery

app.js(布局)

window._ = require('lodash');
window.Popper = require('popper.js').default;
window.$ = window.jQuery = require('jquery');
require('bootstrap');

login.blade.php

<head>
    <!-- Scripts -->
    <script src="{{ asset('js/app.js') }}"></script>
    <script>
        $(document).ready(function () {
            alert("jQuery loaded");
        });
    </script>
</head>

我希望收到一条警告,说jQuery已加载但得到了

  

“未捕获的ReferenceError:未定义$”

1 个答案:

答案 0 :(得分:0)

在我的app.js要求中,我更改了

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

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

如果有人有理由知道它为什么起作用(也许我不应该这样做),我很乐意听到。