Beaver Builder plugin fails when editing pages

Beaver Builder
1

I am having a problem with the Beaver Builder plugin. Maybe someone here can help.

This site has been working for years but now we can’t edit pages with the plugin. It throws the following Javascript errors:

Beaver Builder caught the following JavaScript error. If Beaver Builder is not functioning as expected the cause is most likely this error. Please help us by disabling all plugins and testing Beaver Builder while reactivating each to determine if the issue is related to a third party plugin.
fl-builder.min.js?ver=2.8.2.2:1 "Uncaught TypeError: Cannot read properties of undefined (reading 'call')" on line 1 of https://staging.charge.com/wp-content/plugins/beaver-builder-lite-version/js/fl-builder.min.js?ver=2.8.2.2.
fl-builder.min.js?ver=2.8.2.2:1 TypeError: Cannot read properties of undefined (reading 'call')
    at jQuery.fn.trigger (fl-builder.min.js?ver=2.8.2.2:1:283791)
    at d (common.min.js?ver=6.5.4:2:7097)
fl-builder.min.js?ver=2.8.2.2:1 
************************************************************************

Beaver Builder caught the following JavaScript error. If Beaver Builder is not functioning as expected the cause is most likely this error. Please help us by disabling all plugins and testing Beaver Builder while reactivating each to determine if the issue is related to a third party plugin.
fl-builder.min.js?ver=2.8.2.2:1 "Uncaught TypeError: jQuery.fn.oldInit is not a constructor" on line 1 of https://staging.charge.com/wp-content/plugins/beaver-builder-lite-version/js/fl-builder.min.js?ver=2.8.2.2.
fl-builder.min.js?ver=2.8.2.2:1 TypeError: jQuery.fn.oldInit is not a constructor
    at new jQuery.fn.init (fl-builder.min.js?ver=2.8.2.2:1:283316)
    at ce (jquery.min.js?ver=3.7.1:2:1077)
    at HTMLDivElement._rowMouseenter (fl-builder.min.js?ver=2.8.2.2:7:40100)
    at HTMLDivElement.handle (jquery.min.js?ver=3.7.1:2:44398)
    at HTMLDivElement.dispatch (jquery.min.js?ver=3.7.1:2:40035)
    at v.handle (jquery.min.js?ver=3.7.1:2:38006)

I tried deactivating all plugins except Beaver Builder but the error persisted. We are running the latest Wordpress version, the latest Beaver Builder theme and builder plugin and the jQuery version mentioned in the errors is the latest available version.

Thanks,
Dave

2

Its hard to tell as your site is password protected but assuming you get the same issue on the main site my first suggestion is over optimisation, you are deferring all JS scripts

3

I have the same issue… when edit pages, popup appears, but Style Content or Adavanced tab is blank and empty.

Uncaught TypeError: Cannot read properties of undefined (reading ‘length’)
at FLBuilderColorPicker._buildPresetsUI (fl-color-picker.js?ver=2.8.3.1.1720200737:692:24)
at FLBuilderColorPicker._init (fl-color-picker.js?ver=2.8.3.1.1720200737:540:9)
at new FLBuilderColorPicker (fl-color-picker.js?ver=2.8.3.1.1720200737:371:9)
at Object._initColorPickers (fl-builder.js?ver=2.8.3.1.1720200737:8055:29)
at Object._initSettingsForms (fl-builder.js?ver=2.8.3.1.1720200737:6079:14)
at Object. (fl-builder-ui-settings-forms.js?ver=2.8.3.1.1720200737:400:15)

4

I am the original poster…

In our case the issue was caused by some JavaScript someone added for Google analytics tracking. For some reason when that script is enqueued, it breaks the Beaver Builder editor.

As a quick workaround, since we don’t need analytics tracking for visitors logged in as admin, I simply check that and only enqueue the script if not an admin.

My suggestion would be to check any JavaScript being loaded on the pages and try removing them one at a time.

Good luck,
Dave