Search code examples
javascriptjqueryajaxtampermonkey

Tampermonkey jQuery require not working


I am trying to modify a piece of code I wrote for Grease Monkey to make it compatible with Tampermonkey. Tamper monkey keeps saying '$' is not defined despite my @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js. The require works on Greasemonkey.

The Tampermonkey instaled function(s) overview recognizes the JQuery require.

// ==UserScript==
// @name     Function
// @version  1
// @run-at   document-end
// @require  https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// ==/UserScript==

var userIP;

$.ajax({
    url: "https://api.ipify.org/?format=json", // Getting user Ip Address
    async: false,
    dataType: 'json',
    success: function(data) {
        userIP = data.ip; // Saving user Ip Address
    }
});

Solution

  • Since you say it is only in the editor this is probably Tampermonkey's syntax checking not loading required scripts, and using them as part of the code checking process. So it just sees that a variable has not been declared anywhere in the user script itself and shows the warning. The script should still work as expected.

    If the messages annoy you, you can clear them by explicitly declaring the $ variable at the top of your script like so:

    var $ = window.jQuery;//OR
    var $ = window.$;