2017-03-08 57 views
0

windows上でlaravel 5.4を操作する。jQueryはLaravelで定義されていません

scripts.bladeファイルで、Admin LTEブートストラップテンプレート用にダウンロードしたすべての種類のjavascriptファイルを呼び出しています。

コード:私はすべてのこれらのエラー放火犯で

<script> 
window.Laravel = {!! json_encode(['csrfToken' => csrf_token()]) !!}; 
</script> 
<script src="{{ mix('/js/app.js') }}"></script> 
<script src="https://use.fontawesome.com/8b42d9ab76.js"></script> 
<script src="/js/sweetalert.min.js"></script> 
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> 
<script> 
$.widget.bridge('uibutton', $.ui.button); 
</script> 

<!-- Morris.js charts --> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 
<script src="admin-theme/plugins/morris/morris.min.js"></script> 
<!-- Sparkline --> 
<script src="admin-theme/plugins/sparkline/jquery.sparkline.min.js"> </script> 
<!-- jvectormap --> 
<script src="admin-theme/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script> 
<script src="admin-theme/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script> 
<!-- jQuery Knob Chart --> 
<script src="admin-theme/plugins/knob/jquery.knob.js"></script> 
<!-- daterangepicker --> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script> 
<script src="admin-theme/plugins/daterangepicker/daterangepicker.js"></script> 
<!-- datepicker --> 
<script src="admin-theme/plugins/datepicker/bootstrap-datepicker.js"></script> 
<!-- Bootstrap WYSIHTML5 --> 
<script src="admin-theme/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script> 
<!-- Slimscroll --> 
<script src="admin-theme/plugins/slimScroll/jquery.slimscroll.min.js"></script> 
<!-- FastClick --> 
<script src="admin-theme/plugins/fastclick/fastclick.js"></script> 
<!-- AdminLTE App --> 
<script src="admin-theme/dist/js/app.min.js"></script> 
<!-- AdminLTE dashboard demo (This is only for demo purposes) --> 
<script src="admin-theme/dist/js/pages/dashboard.js"></script> 
<!-- AdminLTE for demo purposes --> 
<script src="admin-theme/dist/js/demo.js"></script> 

を取得: enter image description here

任意のアイデアは、なぜこれがhappenningされますか?

+0

前のjQueryを必要としていることを確認します://コードを。あなたがdownvotedなっている理由jquery.com/jquery-2.2.4.min.js」 整合性= "SHA256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44 =" crossorigin = "" 匿名> –

+0

は私は知りません。 5.4から5.3へのアップグレードでこの問題を再現できます。あなたは解決策を見つけましたか? <スクリプトSRC = "{{ミックス( '/ JS/app.js')}}"> app.jsこのコードを有するbootstrap.jsを呼び出すため: – Citizen

答えて

0

scriptタグにコアjquery.min.jsを含めましたか?見えない。 jsファイルの前にそれを含める必要があります。

0

jQueryライブラリが不足しているためです。依存関係を満たすためにそれを含めます。 here

0

これはおそらく、あなたのjavaScriptファイルが特にJqueryで読み込まれていないためです。

使用:

<script src="{{asset('https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js')}}"></script> 

が直接刃テンプレートエンジンでjsのリンクを与えることはありません。

あなたは常にあなたのページにスクリプトを埋め込むのブレードスタイルを使用する必要があります。

スクリプトは、次の2つの方法で使用することができます。

方法1

<script src="{{asset('admin-theme/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js')}}"></script> 

方法2:好ましい方法

{{Html::script('admin-theme/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js')}} 
+0

この呼び出しはjqueryのをロード /** *私たちは、jQueryと、モーダルやタブなどのJavaScriptベースのブートストラップ機能のために、 *をサポートするBootstrap jQueryプラグインを読み込みます。この *コードは、アプリケーションの特定のニーズに合わせて変更することができます。 */ ウィンドウ。$ = window.jQuery = require( 'jquery'); 私が理解する限り、これはLaravelがjQueryをロードする方法です。 –

+0

ブラウザの開発コンソールを開き、jqueryが実際にロードされているかどうかを確認します。 –

0

あなたはあなたがすべてのスクリプトタグ <スクリプトSRC = "httpsの前にこのタグを追加するpage.tryでjqueryのが含まれていないように思わAdminLTEライブラリ

+0

ありがとうございますが、私はlaravel 5.4をmixで使用していて、mix( 'js/app.js')の呼び出しにjqueryが自動的に含まれている必要があります。 –

関連する問題