2019/04/03 サイト名を「ウェブカンペ」から「tech1000+」に変更しました。

【laravel】blade内にjQueryを書くと「$ is not a function」とのエラーになる場合

問題点

laravelのblade内にjQueryを書くと「$ is not a function」とのエラーになる場合。

解決策①

jQuery.noConflict()メソッドを追加する。
上記はlaravelに限らず他でも有効。

適用前

$(function(){ // if document is ready
  alert('jQuery')
});

適用後

jQuery.noConflict();
$(function(){ // if document is ready
  alert('jQuery')
});

解決策②

laravelに沿った対処法という観点だとこちらのほうがもっといい。
bladeにインラインで使うのではなく、「public >> js」内に新しくjs用のファイルを追加して、テンプレートでそのファイルを読み込む←app.jsよりも後に記述。

以下リンクのコメント欄での回答が参考になる。
一言でいうと読み込む順番の関係のよう。
https://qiita.com/96kuroguro/items/aad383a129c3523f2ea1