在laravel 5.4上添加jQuery混合

我已經熟悉laravel 5.1 mix（elixir）了，最近我決定測試laravel 5.4混合。在laravel 5.4上添加jQuery混合

我混合我的供應商文件庫。

mix 
.styles([ 
    './node_modules/bootstrap/dist/css/bootstrap.css', 
    './node_modules/font-awesome/css/font-awesome.css' 
], 'public/css/vendor.css') 
.js([ 
    './node_modules/jquery/dist/jquery.js', 
    './node_modules/bootstrap/dist/js/bootstrap.js', 
], 'public/js/vendor.js') 
.disableNotifications() 
.version();

幷包括供應商在我的網頁上。

<script src="{{ mix('js/vendor.js') }}" type="text/javascript" charset="utf-8" async defer></script>

但是，當我想使用jQuery我在下面的圖片上有這個錯誤。之前，在laravel 5.1中，我完全是這樣做的。

enter image description here

我有什麼做的？

來源

2017-03-06 Felipe Mathais

只是取消註釋這條線在assets/js/bootstrap.js文件：

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

，並確保所需要的引導文件放在assets/js/app.js像這樣：

require('./bootstrap');

來源

2017-05-24 06:05:50

謝謝！它現在有效 –

mix.autoload({ 'jquery': ['window.$', 'window.jQuery'] })

我不得不把它添加到我的webpack.mix.js

來源

2017-03-22 17:29:34 pat64j

我試過這樣做，但沒有爲我工作。 –

對於它的工作，您的資源/資產/ js/bootstrap.js必須是必需的。並且其中必須包含以下行。 'window。$ = window.jQuery = require（'jquery'）;' – pat64j

在laravel 5.4上添加jQuery混合

回答

相關問題