Laravel vite:未捕获的引用错误:jQuery未定义

jgwigjjp  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(214)

我需要在Laravel中使用jQuery Steps插件。我已经通过NPM添加了jQuery和jQuery步骤,这是我的resources\js\app.js

import './bootstrap';

import jQuery from 'jquery';
window.$ = jQuery;

window.jQuery = jQuery

import 'jquery-steps/build/jquery.steps.min.js';

这是我的观点。

@vite(['resources/sass/app.scss', 'resources/js/app.js'])

<script type="module">
    $("#example-basic").steps({
        headerTag: "h3",
        bodyTag: "section",
        transitionEffect: "slideLeft",
        autoFocus: true
    });
 </script>

但得到这个错误。
未捕获的引用错误:jQuery未在app-0acac567.js:23:13949定义

uemypmqf

uemypmqf1#

我不得不在app.js中这样使用它

import('jquery-steps/build/jquery.steps.min.js').then(() => {
    $(document).ready(function () {
        $('#example-basic').steps({
            headerTag: 'h3',
            bodyTag: 'section',
            transitionEffect: 'slideLeft',
            autoFocus: true
        });
    });
});

相关问题