TampermonkeyにおけるjQueryの$のエラーを消す方法 | JavaScript / jQuery

TamperymonekyでjQueryの$を使用すると、問題なく動作はしますが、下図のように「eslint: no-undef – ‘$’ is not defined.」というエラーが表示されます。

この記事ではこのエラーを消す方法を紹介します。

なお、TamperymonekyでそもそもjQueryを使用する方法が分からない場合は以下の記事にまとめていますので、そちらをご覧ください。

$のエラーを消す方法

「eslint: no-undef – ‘$’ is not defined.」 のエラーは文面の通り、$が定義されていないことによるものですので、以下のように$を定義してやればエラーは消えます。

// ==UserScript==
// @name         __TEST__
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.google.com/
// @icon         https://www.google.com/s2/favicons?domain=google.com
// @require      https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js
// @grant        none
// ==/UserScript==

var $ = window.jQuery;

$(function() {
   alert("ok");
});

上記のように$を定義してやると、下図のように$のエラーが消えたことが確認できます。

また、上記のスクリプトはGoogleのトップページで動作するものですが、実施にGoogleのトップページを開くと下図のようにアラートが表示され、問題なく動作していることが分かります。

以上、Tampermonekyで$のエラーを消す方法でした。