If eCommerce sites using the Magento 2 platform are upgraded to certain versions, users may experience this error when loading site pages. If this issue does appear, it occurs frequently and may prevent key JavaScript elements, like the Add to Cart and Login buttons, from functioning correctly. Learn everything you need to know about this error and how to troubleshoot it in this blog post.
JavaScript Error Description
Error Signature:
Error Message:
Error Filename:
Error Code Snippet:
JavaScript Error Background
This JavaScript Magento error originates from the storage.remove(sectionName) function call made within the remove function. Since storage is undefined, the entire function fails.
This issue initially occurred when Magento upgraded from version 2.3.6 to version 2.4. During this update, Magento changed how it initializes storage. More specifically, storage initialization is now a wrapped function and is no longer available at a global level.
A patch was developed and released to resolve the issue. The fix was merged into Magento version 2.4.3.
Unfortunately, during the update to version 2.4.5, this fix was removed for unknown reasons, and the error returned.
Potential Solution for this JavaScript Error for Magento Sites
Consult the resources below for context surrounding the issue’s cause and solution:
Please proceed only if you feel comfortable making manual changes to your Magento instance. Magento will likely re-release the issue’s fix in a future version.
As of Magento version 2.4.5 (October 2022), the fix is to manually apply a patch that reverses the previous fix’s removal. The patch content can be found here.
Simply add this to a patch file and follow these steps to add this to your Magento instance.
Proactively Detect and Efficiently Resolve all JavaScript Errors with Noibu
Regardless of the eCommerce platform your site is built on, you cannot completely escape JavaScript errors. What you can do is proactively monitor those errors before they cause a significant damage to your site conversions and customer experience.
Noibu – an eCommerce error monitoring platform not only detects all errors on your online store, but also provides you with the details you need to quickly resolve them (down to the exact line of code that needs fixing) as well as AI-generated solutions to help you avoid the need to replicate or investigate errors.
What’s more, product teams can confidently prioritize errors to address first based on the impact that they have on annual revenue as calculated by Noibu. So, you no longer need to prioritize errors based on frequency of occurrence, but can rely directly start addressing those that are leaving the biggest dent in your top line. To explore how the platform can help your online store eliminate revenue-impacting errors, sign up for a demo today.
