JS Errors on latest version of WP, WooComm and this plugin?!

Any suggestions on what might be the problem and how to fix this?

That looks like a caching issue. Anytime Javascript variables aren’t loading on your page, it’s usually related to a cache setting.

If you are using a cache plugin, audit what you might have changed recently. The last plugin update was 2 months ago, so something on your site changed recently to cause that behavior.

Kind Regards

We are also dealing with this exact same issue after updating to the latest version.

Clearly something has changed, and this isn’t just a one-off issue. We’re using Litespeed cache. What about you, @crazyserb?

All of the relevant scripts are excluded from Litespeed, and the LS folks are saying that nothing on the /checkout page should be cached, anyways.

I just added an exception for /checkout page in LS cache, and that somehow fixed it.

That integration between WooCommerce and Litespeed Cache should have more options, such as this one – to exclude specific WooCommerce pages from being cached and so on.

Clearly something has changed, and this isn’t just a one-off issue.

You can perform a diff on the previous version compared to the new version and see that nothing about how scripts are loaded changed in the latest release which was 2 months ago.

Your comments in other threads about purging the LS cache resolving the issue temporarily points toward that being the root cause.

@crazyserb – Thanks for the quick response.

Can I ask where in the LS cache plugin you put this exception and exactly what syntax you used?

I ask, because I’ve always had /checkout/ and /checkouts/ in my LiteSpeed Cache | Cache | Do Not Cache URIs section. After this started happening, I added every script I saw throwing an error and the Braintree scripts url to the three JS excludes lists:

Litespeed Cache | Page Optimization | Tuning | JS Excludes
Litespeed Cache | Page Optimization | Tuning | JS Deferred/Delayed Excludes
Litespeed Cache | Page Optimization | Tuning | Guest Mode JS Excludes

Even after all of these exclusions, I’m still fighting with this, so I’d love to know what you did differently. Thanks!

Just add these two lines:

/checkout
^/checkout

To Cache -> 4. Excludes -> Do Not Cache URIs section.

That should do it.

Thanks a bunch. It’s weird to me that “/checkout” would work when “/checkout/” doesn’t, but we’ll see. Much appreciated.