從webpack構建后無法識別jQuery

Question

所以我正在嘗試使用webpack進行構建。 而且編譯后的頁面拋出錯誤

Uncaught ReferenceError: $ is not defined
    at Object._typeof (bootstrap.js:30331)
    at __webpack_require__ (bootstrap.js:20)
    at Object.<anonymous> (bootstrap.js:27876)
    at __webpack_require__ (bootstrap.js:20)
    at Object.<anonymous> (bootstrap.js:70744)
    at __webpack_require__ (bootstrap.js:20)
    at bootstrap.js:66
    at bootstrap.js:69

我的未編譯

Bootstrap.js

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

    window._ = require('lodash');


    window.Vue = require('vue');

    window.axios = require('axios');

    window.axios.defaults.headers.common = {
        'X-CSRF-TOKEN': window.Laravel.csrfToken,
        'X-Requested-With': 'XMLHttpRequest'
    };



    window.Pusher = require('pusher-js');

    require('toastr');

    require('jquery-slimscroll');

    //Jquery sortable
    require('jquery-sortable');


    import "select2";
    import "./metisMenu/jquery.metisMenu";
    import "./dataTables/datatables.min";
    import "./datapicker/bootstrap-datepicker";
    import "./touchspin/jquery.bootstrap-touchspin.min";
    import "./inspinia"; 

編譯后，我在瀏覽器中收到該錯誤，但是沒有任何編譯錯誤

還有其他人遇到類似的問題嗎？

謝謝

Answer 1

您還必須提供上下文的范圍。 嘗試使用ProvidePlugin

new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery'
 })

並且不要刪除您的jQuery庫的導入