2017-03-06 10 views
2

私はすでにlaravel 5.1 mix(elixir)に精通していますが、最近私はlaravel 5.4 mixをテストすることにしました。jQueryをlaravel 5.4に追加するmix

ベンダーのファイルに自分のlibsを混在させました。

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を使いたい場合は、以下の画像にこのエラーがあります。以前は、5.1のラーベールで、まさにそのようにしました。

enter image description here

何をしなければならないのですか?

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

そして、あなたのassets/js/app.jsにブートストラップファイルを必要とすることを確認してください:

答えて

5

ただ、コメントを解除し、この行にこれを追加する必要がありましたこのように:

require('./bootstrap'); 
+0

ありがとう!それは今働く –

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

は、私はあなたのassets/js/bootstrap.jsファイルに私のwebpack.mix.js

+0

私はこれを試みたが、私のために働かなかった。 –

+0

これを動作させるには、resources/assets/js/bootstrap.jsが必要です。その中に次の行がなければなりません。 'ウィンドウ。$ = window.jQuery = require(' jquery ');' – pat64j