Jquery只在我用Laravel在'app.js'文件中编码时工作

izkcnapc 于 2023-01-25 发布在 jQuery

关注(0)|答案(1)|浏览(400)

我的jquery有这个问题，我希望能够在我的应用程序中的任何地方使用它。我已经使用npm install jquery安装了它，并将它导入到我的app.js文件中，如下所示：

import $ from "jquery";
window.$ = $;

在我的livewire组件中，我有这样的代码：

@push('scripts')
    <script>
        $(function () {
            alert("Hello");
        });
    </script>
@endpush

使用这段代码，我得到了以下错误：Uncaught ReferenceError: $ is not defined
最后，我的刀片式服务器布局文件中包含以下内容：

@livewireScripts
<script src="{{ mix('js/app.js') }}"></script>
@stack('scripts')

这段代码只有放在app.js文件中才有效。

1条答案

尝试用这个替换你的导入：

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

信用：How to use JQuery in Laravel (NPM)信用卡
如果这不起作用，请尝试添加一个加载事件：

<script>
window.addEventListener('load', function() {
    $(function () {
        alert("Hello");
    });
</script>