elementor icon indicating copy to clipboard operation
elementor copied to clipboard

🐞 Style Guide throws a JS error in the frontend: e.0 is not a function

Open tamelander opened this issue 2 years ago • 40 comments

Prerequisites

  • [X] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
  • [X] The issue still exists against the latest stable version of Elementor.

Description

When Global Style Guide is enabled in Elementor > Settings > Features I get an error in dev console in a fresh created page with no content.

Uncaught TypeError: e.O is not a function
    at frontend.min.js?ver=3.18.0:2:40340
    at webpackJsonpCallback (styleguide-app-initiator.min.js?ver=3.18.0:3:12265)
    at webpackJsonpCallback (webpack.runtime.min.js?ver=3.18.0:2:4680)
    at frontend.min.js?ver=3.18.0:2:74

When I disable Global Style Guide the error goes away.

Steps to reproduce

Enable Global Style Guide Create a new page.

Isolating the problem

  • [X] This bug happens with only Elementor plugin active (and Elementor Pro).
  • [X] This bug happens with a Blank WordPress theme active (Hello theme).
  • [X] I can reproduce this bug consistently following the steps above.

System Info

Click to reveal


					
== Server Environment ==
	Operating System: Linux
	Software: LiteSpeed
	MySQL version: MariaDB Server v10.6.16
	PHP Version: 8.1.25
	PHP Memory Limit: 1024M
	PHP Max Input Vars: 10000
	PHP Max Post Size: 512M
	GD Installed: Yes
	ZIP Installed: Yes
	Write Permissions: All right
	Elementor Library: Connected

== WordPress Environment ==
	Version: 6.4.1
	Site URL: 
	Home URL: 
	WP Multisite: No
	Max Upload Size: 256 MB
	Memory limit: 1024M
	Max Memory limit: 1024M
	Permalink Structure: /%postname%/
	Language: en-US
	Timezone: 1
	Debug Mode: Inactive

== Theme ==
	Name: Astra Child
	Version: 1.0.0
	Author: 
	Child Theme: Yes
	Parent Theme Name: Astra
	Parent Theme Version: 4.4.0
	Parent Theme Author: Brainstorm Force

== User ==
	Role: administrator
	WP Profile lang: sv_SE
	User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

== Active Plugins ==
	Asset CleanUp: Page Speed Booster
		Version: 1.3.9.3
		Author: Gabe Livan

	Astra Pro
		Version: 4.4.0
		Author: Brainstorm Force

	Burst Statistics - Privacy-Friendly Analytics for WordPress
		Version: 1.5.2
		Author: Really Simple Plugins

	CAOS
		Version: 4.7.12
		Author: Daan from Daan.dev

	Checkout Field Editor for WooCommerce
		Version: 2.0.0
		Author: ThemeHigh

	Classic Editor
		Version: 1.6.3
		Author: WordPress Contributors

	Classic Widgets
		Version: 0.3
		Author: WordPress Contributors

	Cookie Notice & Compliance for GDPR / CCPA
		Version: 2.4.11.1
		Author: Hu-manity.co

	Customizer Search
		Version: 1.1.6
		Author: Brainstorm Force

	Custom Product Tabs Lite for WooCommerce
		Version: 1.8.0
		Author: SkyVerge

	Custom Sidebars
		Version: 3.36
		Author: WebFactory Ltd

	Elementor
		Version: 3.18.0
		Author: Elementor.com

	Elementor Pro
		Version: 3.18.0
		Author: Elementor.com

	Extra Product Options & Add-Ons for WooCommerce
		Version: 6.3.2
		Author: ThemeComplete

	Feed Them Social - Page, Post, Video and Photo Galleries
		Version: 4.1.9
		Author: SlickRemix

	FiboSearch - AJAX Search for WooCommerce (Pro)
		Version: 1.26.1
		Author: FiboSearch Team

	Formidable Forms
		Version: 6.5.4
		Author: Strategy11 Form Builder Team

	Formidable Forms Pro
		Version: 6.5.4
		Author: Strategy11

	Hash Link Scroll Offset
		Version: 0.2.1
		Author: WebDevStudios

	HTML in Category Descriptions
		Version: 1.2.3
		Author: Arno Esterhuizen

	Kadence WooCommerce Email Designer
		Version: 1.5.12
		Author: Kadence WP

	LiteSpeed Cache
		Version: 5.7.0.1
		Author: LiteSpeed Technologies

	Loco Translate
		Version: 2.6.6
		Author: Tim Whitlock

	Max Mega Menu
		Version: 3.2.4
		Author: megamenu.com

	Max Mega Menu - Pro Addon
		Version: 2.3.1
		Author: megamenu.com

	OMGF
		Version: 5.7.6
		Author: Daan from Daan.dev

	OoohBoi Steroids for Elementor
		Version: 2.1.6
		Author: OoohBoi

	PDFjs Viewer - Embed PDFs
		Version: 2.1.8
		Author: <a href="http://byterevel.com/">Ben Lawson</a>, <a href="https://www.twistermc.com/">Thomas McMahon</a>

	Photonic Gallery & Lightbox for Flickr, SmugMug, Google Photos & Others
		Version: 3.02
		Author: Sayontan Sinha

	Post SMTP
		Version: 2.8.5
		Author: Post SMTP

	Product SKU Generator for WooCommerce
		Version: 2.5.0
		Author: SkyVerge

	Rank Math SEO
		Version: 1.0.206
		Author: Rank Math

	Really Simple SSL
		Version: 7.2.0
		Author: Really Simple Plugins

	Sequential Order Numbers for WooCommerce
		Version: 1.5.7
		Author: WebToffee

	Smash Balloon Instagram Feed
		Version: 6.2.6
		Author: Smash Balloon

	TablePress
		Version: 2.2.3
		Author: Tobias Bäthge

	Ultimate Addons for Elementor
		Version: 1.36.25
		Author: Brainstorm Force

	WooCommerce
		Version: 8.3.1
		Author: Automattic

	WooCommerce Expand Tabs
		Version: 1.26
		Author: SilkyPress

	Wordfence Security
		Version: 7.10.7
		Author: Wordfence

	WPS Hide Login
		Version: 1.9.9
		Author: WPServeur, NicolasKulka, wpformation


== Features ==
	Custom Fonts: 0
	Custom Icons: 0

== Integrations ==
	
	woocommerce: Active


== Elementor Experiments ==
	Optimized DOM Output: Active
	Improved Asset Loading: Active
	Improved CSS Loading: Active
	Inline Font Icons: Active
	Additional Custom Breakpoints: Inactive
	admin_menu_rearrangement: Inactive by default
	Flexbox Container: Active
	Upgrade Swiper Library: Active
	Grid Container: Active
	Default to New Theme Builder: Active
	Editor Top Bar: Active
	Optimized Gutenberg Loading: Active by default
	Build with AI: Active
	Landing Pages: Inactive
	Nested Elements: Active
	Lazy Load Background Images: Inactive
	Optimize Image Loading: Active
	Pages Panel: Inactive by default
	Global Style Guide: Active
	Page Transitions: Inactive
	Notes: Inactive
	Form Submissions: Inactive
	Scroll Snap: Inactive
	Menu: Inactive by default
	Taxonomy Filter: Active


== Log ==
	
PHP: showing 7 of 7PHP: 2023-11-27 10:33:38 [notice X 36][../wp-content/plugins/elementor/includes/elements/container.php::43] Creation of dynamic property Elementor\Includes\Elements\Container::$logical_dimensions_inline_end is deprecated [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-27 11:04:49 [notice X 6][../wp-content/plugins/elementor-pro/core/editor/editor.php::129] Using ${var} in strings is deprecated, use {$var} instead [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-27 11:09:51 [warning X 1][../wp-content/plugins/elementor/core/page-assets/data-managers/font-icon-svg/font-awesome.php::50] Trying to access array offset on value of type null [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-27 11:09:59 [notice X 17][../wp-content/plugins/elementor-pro/modules/custom-css/module.php::76] trim(): Passing null to parameter #1 ($string) of type string is deprecated [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-27 11:15:32 [notice X 25][../wp-content/plugins/elementor/includes/utils.php::727] strtolower(): Passing null to parameter #1 ($string) of type string is deprecated [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-27 11:38:23 [notice X 9][../wp-content/plugins/elementor-pro/modules/woocommerce/module.php::607] parse_str(): Passing null to parameter #1 ($string) of type string is deprecated [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-11-30 13:28:43 [warning X 2][../wp-content/plugins/elementor-pro/modules/video-playlist/widgets/video-playlist.php::1690] Trying to access array offset on value of type bool [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]

Log: showing 10 of 102023-12-05 03:02:22 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor',
  'from' => '3.17.3',
  'to' => '3.18.0',
)]
2023-12-05 03:02:23 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.17.1',
  'to' => '3.18.0',
)]
2023-12-05 03:02:23 [info] elementor::elementor_updater Started 
2023-12-05 03:02:23 [info] Elementor/Upgrades - _on_each_version Start  
2023-12-05 03:02:23 [info] elementor-pro::elementor_pro_updater Started 
2023-12-05 03:02:23 [info] Elementor Pro/Upgrades - _on_each_version Start  
2023-12-05 03:02:23 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2023-12-05 03:02:23 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.17.1',
  'to' => '3.18.0',
)]
2023-12-05 03:02:27 [info] Elementor/Upgrades - _on_each_version Finished 
2023-12-05 03:02:27 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.17.3',
  'to' => '3.18.0',
)]



== Elementor - Compatibility Tag ==
	
	Elementor Pro: Compatibility not specified
	OoohBoi Steroids for Elementor: Compatibility not specified
	Ultimate Addons for Elementor: Compatibility not specified

== Elementor Pro - Compatibility Tag ==

tamelander avatar Dec 05 '23 02:12 tamelander

Happens on every single page. Please fix together with #19345 Also happens on every page load in Firefox.

mbaierl avatar Dec 13 '23 08:12 mbaierl

Any Updates?

In new version can't even deactivate

digitalwording avatar Apr 14 '24 21:04 digitalwording

@askwpgirl The title is correct based on what the script is doing. Please do not submit duplicates of the same issue.

nicholaszein avatar May 21 '24 15:05 nicholaszein

Is there any movement on this bug?

We cannot deliver client sites using Elementor that:

a) Look like page updates aren't saving

and

b) roll back the plugin and then deliver sites that aren't up to date.

This is making my move over to Breakdance Builder much more urgent!

CodeConnectPtyLtd avatar May 23 '24 00:05 CodeConnectPtyLtd

@askwpgirl the issue is caused by the Style Guide component, whether you agree with it or not. The title of the issue follows an internal pattern created to be easily recognized not only by the public, but by our team of engineers as well. What decides if a title is right or wrong, is the component that the issue affects.

Despite showing an error in the console, this issue does not affect the functionality of Elementor on the front-end, neither in the backend.

When this issue was reported, the Style Guide was still an experimental feature that could be turned off. Now, the Style Guide was merged to Core not long ago, and this is why this error appears in the console.

I am well aware of what is the origin of the issue, how to reproduce it, and how it can possibly be solved.

We appreciate the effort to communicate and report issues. We will fix it as soon as other (more pressing) tasks are resolved.

Kind regards

nicholaszein avatar May 23 '24 03:05 nicholaszein

@nicholaszein - Thank you for explaining how this is a now part of core and that the Setting in the description does not exist any longer. My suggestion for updating the description to reflect latest Elementor was to clear up confusion for users like me reading this going forward. But I honestly don't know how this is best handled due to GitHub and dates submitted, so I defer to you.

Yes, it does not appear to be effecting the functionality and is not a pressing issue.

Please know I appreciate all of your work! I am only trying to help with people like me who got confused due to this being part of core now and no longer being in Settings. I deleted my other comment since your explanation cleared things up, and it makes sense now.

askwpgirl avatar May 23 '24 03:05 askwpgirl

@askwpgirl - The error does not affect the page actually saving but when closing the page it says that there are unsaved changes... I cannot present this stuff to my clients.

Perhaps we can stop arguing over the title semantics and ensure that the error is fixed.

CodeConnectPtyLtd avatar May 23 '24 07:05 CodeConnectPtyLtd

Thank you @CodeConnectPtyLtd.

nicholaszein avatar May 23 '24 11:05 nicholaszein

edit: The js error reported in the original post does not appear to be related to the Update button not working. Those are two different issues, with the update issue likely being related to Rank Math and not Elementor. See responses below.

I have been experiencing this issue on more and more websites over the past week. I don't even have a Global Style Guide option to enable/disable, so I'm not able to apply any kind of temporary fix. With clients asking to make their own edits, I'm not very happy handing over control if the editor isn't working as it should.

Uncaught TypeError: e.O is not a function
    at frontend.min.js?ver=3.21.7:2:39876
    at webpackJsonpCallback (styleguide-app-initiator.min.js?ver=3.21.7:3:13486)
    at webpackJsonpCallback (webpack.runtime.min.js?ver=3.21.7:2:4680)
    at frontend.min.js?ver=3.21.7:2:74

I'm getting the same issues as reported by others: The Update button is always active, and pressing it doesn't make it inactive. Leaving the page shows the 'are you sure you want..' pop-up, implying my changes didn't get saved (when they did).

I created a staging copy and disabled all plugins other than Elementor and Elementor Pro, and the issue went away. I enabled each plugin one at a time and discovered that enabling Rank Math brought the issue back. Disabling it, the issue went away again. However, while the button issue is resolved, the same error is thrown in the console.

I re-enabled Rank Math and disabled each feature before narrowing it down to Titles & Meta -> Pages, and disabling Add SEO Controls. For whatever reason, disabling this brought back normal 'Update' functionality when editing pages. However, the same error persists in the dev console, so I'm not sure what's that all about.

In any case, if anyone happens to be experiencing this issue and also have Rank Math installed, try going to Titles & Meta -> Pages, and disabling Add SEO Controls. This has fixed the issue on two of my websites so far.

ev88 avatar May 24 '24 13:05 ev88

@ev88 - Please read Nicholas' comment above about how there is no setting for this now that it is in core.

Also, to be clear, this error is minor and does NOT affect ANY functionality.

If you are experiencing functional issues then in all likelihood it is not related to this.

askwpgirl avatar May 24 '24 16:05 askwpgirl

@askwpgirl, and @ev88.

The issue reported with the update button has absolutely nothing to do with this issue. It's a known bug caused by Rank Math, which I believe is set to release a fix in the next week.


@ev88, the problem you're reporting is caused by the Rank Math plugin, and has nothing to do with this issue. Please reach out to Rank Math support.


@askwpgirl,

The triaging process, titles, and labeling of issues, and other processes performed by Elementor staff on GitHub are not open for discussion. I even updated the title to include the line of error that appears in the console to help you, but this doesn't give you permission to dictate how an issue should be handled. Please, respect our process.

nicholaszein avatar May 24 '24 17:05 nicholaszein

@askwpgirl True, I guess CodeConnectPtyLtd's comment made me think the two issues were related (a Google search led me here). So the original js error shown in the console does not appear to have been related to the Update button not working, and not really relevant to this issue. But yes, the js error itself should be looked into regardless.

edit: @nicholaszein Bleh, you were too quick for me. :)

ev88 avatar May 24 '24 17:05 ev88

@askwpgirl.

The issue will remain they way it is, unless we need to change something. This matter is closed.

We appreciate the feedback.

nicholaszein avatar May 24 '24 19:05 nicholaszein

@ev88 - correct. It is not an urgent issue and not causing problems. I also inadvertently found the error trying to troubleshoot another issue. Lots of people having issues related to different problems might stumble upon this error and assume it is the source of their problems. So far, I am not seeing it causing any real functionality issues as it happens on every Elementor site.

@nicholaszein - thank you! No problem.

askwpgirl avatar May 24 '24 19:05 askwpgirl

@askwpgirl.

The issue will remain they way it is, unless we need to change something. This matter is closed.

We appreciate the feedback.

So its just going to stay broken? By the way, it does break editor functionality. Image controls fail for one thing, not that it matters since "the matter is closed"

ColbyDevOps avatar May 30 '24 14:05 ColbyDevOps

@askwpgirl the issue is caused by the Style Guide component, whether you agree with it or not. The title of the issue follows an internal pattern created to be easily recognized not only by the public, but by our team of engineers as well. What decides if a title is right or wrong, is the component that the issue affects.

Despite showing an error in the console, this issue does not affect the functionality of Elementor on the front-end, neither in the backend.

When this issue was reported, the Style Guide was still an experimental feature that could be turned off. Now, the Style Guide was merged to Core not long ago, and this is why this error appears in the console.

I am well aware of what is the origin of the issue, how to reproduce it, and how it can possibly be solved.

We appreciate the effort to communicate and report issues. We will fix it as soon as other (more pressing) tasks are resolved.

Kind regards

@nicholaszein Are you confirming that the style guide feature was pushed into core, knowing that this issue persists and that we don't have a way to disable it?

ColbyDevOps avatar May 30 '24 14:05 ColbyDevOps

@ColbyDevOps yes, because it doesn't affect anything in terms of functionality or stability. It's just a console error that only appears in edge cases.

Having a way to disable it, was never in the plans for this feature.

nicholaszein avatar May 30 '24 14:05 nicholaszein

@ColbyDevOps yes, because it doesn't affect anything in terms of functionality or stability. It's just a console error that only appears in edge cases.

Having a way to disable it, was never in the plans for this feature.

I've created a short screen recording to demonstrate that the issue is actually affecting the user interface and therefore usability. Please take 1.5 minutes to view the screen recording below:

https://streamable.com/859waf

CodeConnectPtyLtd avatar May 30 '24 20:05 CodeConnectPtyLtd

There is a RankMath beta release that actually fixes the UI issue that prevents closing the window.

https://support.rankmath.com/ticket/conflict-with-elementor-10/

https://rankmath.com/kb/version-control/#beta-updates

CodeConnectPtyLtd avatar May 30 '24 20:05 CodeConnectPtyLtd

I've created a short screen recording to demonstrate that the issue is actually affecting the user interface and therefore usability. Please take 1.5 minutes to view the screen recording below:

https://streamable.com/859waf

@CodeConnectPtyLtd, the Update button issue is caused by a bug in the Rank Math plugin, and has absolutely nothing to do with this one, as stated multiple times here, here, here, and here. And, as you already saw for yourself here.

nicholaszein avatar May 31 '24 14:05 nicholaszein

So its just going to stay broken? By the way, it does break editor functionality. Image controls fail for one thing, not that it matters since "the matter is closed"

@ColbyDevOps nobody said it was going to stay broken. The "matter" in this case was the unnecessary discussion about the title and description of this issue. The issue is not closed. It will be closed when we address it. But it isn't a priority right now. We are going to handle it most likely in the next quarter.

I can also edit images just fine, so it doesn't affect image controls at all. If you are having trouble with those, it's something else entirely, and likely a conflict caused by another plugin.

nicholaszein avatar May 31 '24 14:05 nicholaszein

This is a really annoying error, especially if you want to do some error catching for the whole site to be informed if something is going wrong in JavaScript. Why it is not fixed after reporting over 6 month ago...

crascher avatar Jun 09 '24 13:06 crascher

@nicholaszein I am not using the Rank Math plugin and I am still facing this issue. My backend Elementor editor is not loading.

https://prnt.sc/rRuSVN3eHEHW

ashokdesai64 avatar Jun 25 '24 22:06 ashokdesai64

@nicholaszein I am not using the Rank Math plugin and I am still facing this issue. My backend Elementor editor is not loading.

https://prnt.sc/rRuSVN3eHEHW

I have the same issue as you, editor not loading, same error message.

If you have time and the possibility, I propose to do: 1. a fresh new Wordpress install 2. then install elementor plugin I did that and the error still occured even with the fresh install but at least that would rule out other things.

john4242 avatar Jun 27 '24 08:06 john4242

I am experiencing this same issue, it's been happening for some time. I have tried all troubleshooting options, disabled all plugins leaving just Elementor but the error remains.

Team, please look into this error. It's really annoying, no edit can be made on client's website and it's stalling deliverables.

adewaleolaore avatar Jun 27 '24 12:06 adewaleolaore

@adewaleolaore - as far as I can tell, this error does not cause any issues. It's there, but it's like so many Javascript errors which are ubiquitous in web dev. There is nothing for you to disable or do. The original posting for this is VERY old, and it has old information so doesn't apply to the current interface. So there are no longer any settings that control this as the functionality that is causing this error is rolled into core Elementor. You can ignore it, and it seems that at some point, they will include a fix in an upcoming release. It appears to be not a priority due to it not causing any real issues.

askwpgirl avatar Jun 27 '24 20:06 askwpgirl

I think there is some misunderstanding in the thread.

The real error is "Elementor editor doesn't work (doesn't load page)".

Maybe people are just looking at the console and assuming that "e.0 is not a function" is the cause of the error but that's not the cause I guess. The problem remains: Elementor pages cannot be edited, editor doesn't load.

john4242 avatar Jun 30 '24 09:06 john4242

For me the issue was the plugin WP Smart import. Once disabled, sidebar and publish are available again.

e.0 is not a function error still remains and has nothing to do with this issue.

My recommendation is to try and disable plugins one at a time until you find the culprit at your website.

mbelic avatar Jul 01 '24 09:07 mbelic

@john4242 - Yes, that is how I came to this error. I was troubleshooting something and stumbled upon it. And, yes, it is unrelated to the problem you are experiencing, i.e. it's a red herring.

In terms of the problem "Elementor pages cannot be edited, editor doesn't load" - you will need to troubleshoot that to determine why this is happening, typically it is related to a plugin conflict as @mbelic mentioned, something specific to content on that page layout (if only happens on one page), or low memory issue. A few ways to get help for that would be to use Elementor Support, join the Elementor Discord, or participate in any number of Elementor Facebook groups.

askwpgirl avatar Jul 02 '24 19:07 askwpgirl

Hello,

In my case I found the function gzencode in the path elementor/core/common/modules/ajax/module.php on line 270 is the issue. Takes too much time to load and in return fails

theRealRizeo avatar Jul 24 '24 08:07 theRealRizeo