Question

我最近从SVN签出了我的项目。我曾经在我曾经使用过“ $”的地方遇到“ Uncaught ReferenceError：$未定义”。 jQuery。我正在使用laravel混合器来结合JS和CSS文件。

这是我的 bootstrap.js

window._ = require('lodash');
window.Popper = require('popper.js').default;
window.tooltip = require('tooltip.js');



try {
    window.$ = window.jQuery = require('jquery');
    require('jquery-ui-dist/jquery-ui.min.js');
    require('bootstrap');
} catch (e) {}


window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';



let token = document.head.querySelector('meta[name="csrf-token"]');

if (token) {
    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}

//Moment JS
window.moment = require('moment');
//Collect JS
window.collect = require('collect.js');
//Clipboard JS
window.ClipboardJS = require('clipboard');
//Import Toster
window.toastr = require('toastr');
//Swaet Alert
import Swal from 'sweetalert2';

window.swal = Swal;
//Owl Carousel
window.owlCarousel =  require('owl.carousel');
//JS Cookie
window.Cookies = require('js-cookie');
//Image Zoom
require('ez-plus');

这是我的 webpack.mix.js

let mix = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js').sourceMaps()
   .sass('resources/assets/sass/app.scss', 'public/css');

我的Laravel版本：5.5.40 laravel-mix版本：1.7.2

Answer 1

这对我有用：

从app.js脚本标记中删除延迟，并将window.$ = window.jquery =更改为global.$ = global.jquery =

不管是否天气，这都是正确的方法，这对我有用。

laravel 5.7

未捕获的ReferenceError：$未定义-Laravel 5.5 + Laravel Mix

1 个答案: