Template conflict with WC Payment Method

Question

So, again I come here to ask you for help.

I'm using Apus RealState Template with WooCommerce. Everything was fine til I installed a payment gateway module...

Now, Wordpress logs the following to the console with every page I try to load:

Uncaught TypeError: Cannot read property 'includes' of undefined

at HTMLDocument. (erede.js:6)
at i (jquery.js?ver=1.12.4:2)
at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
at Function.ready (jquery.js?ver=1.12.4:2)
at HTMLDocument.K (jquery.js?ver=1.12.4:2)

(anonymous) @ erede.js:6
i @ jquery.js?ver=1.12.4:2
fireWith @ jquery.js?ver=1.12.4:2
ready @ jquery.js?ver=1.12.4:2
K @ jquery.js?ver=1.12.4:2

This is the context mentioned from erede.js:

(function( $ ) {
'use strict';

$( function() {

    var checkIfInputHasDefaultBehavior = $("#checkInputClass").css("background-image").includes("url");

    if(!checkIfInputHasDefaultBehavior)
    {   
        return;
    }

but when I change the template, this error stops happening... does anyone know what might be going on?

Answer 1

It could either be a browser compatibility issue (does it support the includes method?) or it could be that the id checkInputClass is not being used. Change the first line of the js to the following to ensure the element exists before further checks are done:

var checkIfInputHasDefaultBehavior = $("#checkInputClass").length && $("#checkInputClass").css("background-image").includes("url"‌​);