從webpack構建後，jquery無法識別

所以我想用webpack做一個構建。和編譯頁面拋出錯誤從webpack構建後，jquery無法識別

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";

編譯我得到這個錯誤在瀏覽器中之後，但我沒有得到任何編譯錯誤

任何其他人都陷入了類似的問題？

謝謝

來源

2017-06-09 Vikram

你可以從$「jQuery的」試-import; – MukulSharma

@MukulSharma抱歉沒有得到你，我已經將Jquery分配給那個變量na？ – Vikram

我以前有過類似的問題。可能一些jquery插件不是CommonJS兼容的。嘗試使用['script-loader']（https://github.com/webpack-contrib/script-loader） – Ematipico

您還需要提供範圍的上下文。嘗試使用ProvidePlugin

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

，並且不要刪除你的jQuery庫的進口

來源

2017-06-09 11:21:36 Ematipico

我試過了，Jquery錯誤消失了，但仍然沒有定義'$' – Vikram

從webpack構建後，jquery無法識別

回答

相關問題