ReferenceError: $ is not defined; how to pass jquery $ object to javascript injector method?

Steps to reproduce

Tell us about your environment:

• Puppeteer version: Latest
• Platform / OS version: OSX
• URLs (if applicable):
• Node.js version: Latest

What steps will reproduce the problem?

 await page.addScriptTag({ content: `${functionToInject(codesChildArray)}`});
            var data =  await page.evaluate(function(codesChildArray){
            return functionToInject(codesChildArray);
            });

function functionToInject(codesChildArray){

    $( document ).ready(function() {
        console.log( "ready!" );
    });
    var myStringArray = ["Hello","World"];
    var arrayLength = myStringArray.length;
    for (var i = 0; i < arrayLength; i++) {
        console.log(myStringArray[i]);
    }

}

When Passing the ** codesChildArray** argument, it fails with an

ReferenceError: $ is not defined

Without the argument it works fine as expected. I need to Pass the array AND have jquery available true $ How can I make this work?

[toygansevim]

@aslushnikov I am still getting $ not defined error even though I have used: await page.addScriptTag({url: ‘https://code.jquery.com/jquery-3.2.1.min.js’});

[aslushnikov]

@voordev you should inject jquery separately into the page, then you’ll be able to use it inside functions you inject.

For example:

await page.addScriptTag({url: 'https://code.jquery.com/jquery-3.3.1.slim.min.js'});

Hope this helps.