「Uncaught TypeError: $ is not a function」 の対処方法

検証ツールのコンソールでたまに出てきた「Uncaught TypeError: $ is not a function」というエラーについて。

jQueryを書いていると出てくることがあります。

過去に何度も遭遇しているのですが、書いているうちに出てこなくなっていたので対処していませんでした。

今回重要なところで同様のエラーができててしまったので調べてみました。

スポンサーリンク

「Uncaught TypeError: $ is not a function」とは？

どうやら有名なエラーらしく、私が調べて出てきた理由がこれらです。

• 他のjsライブラリと競合している。
• HTMLなどDOMが読み込まれる前に＄マークが認識できない
• jQueryのバージョンを変えてみる

競合している場合として、jQuery.noConflict()と書くとグローバル変数のエイリアスである＄が無効化されるようです。

あわせて読みたい

ワードプレスで月を英語で出力する

今回はエイリアスの＄マークではなく、もともとのJQueryを関数式で書くことにしました。

　jQuery(function ($) {
  ここに処理を書く
});

($)とすることで、括弧の中では$マークを使ってもエラーになりません。

実際これでいけました。

もう一方の($)と書かない方の方法もあったのですが、今回の場合エラーが消えません。

jQuery(function() {
  ここに処理を書く
});

あわせて読みたい

「my-snow-monkeyがプラグインにアップロードできない」の対処

英語で検索するとさらに情報がでてくるので、英語で検索してわからなければ翻訳機に突っ込むという方法がとてもよいです。

しかし今回のエラーは日本語でもかなり出てきますので調べてみてください😀

スポンサーリンク

そよ風

毎日の繰り返しが最高

TwitterFacebookLINE

自分が美味しいと感じるものを食べてたら満足のアラフィフ。 野望も目標もないけど、あえて言うなら毎日穏やかに笑って過ごしていくことかな。 書くことが好きです。日々の何気ない思いをぼちぼち書いていきます。