Async JavaScript breaks Beaver Builder

  • Resolved Stuart Morris

    (@stuartmorrisau)


    6 years, 3 months ago

    Hi there,

    If I enable Async JavaScript, the Beaver Builder page editor doesn’t load properly. If I disable Async JavaScript, the Beaver Builder page editor loads OK.

    I have JQuery set to exclude and added Beaver Builder to the Async JavaScript Theme Exclusions list. Checking the source, I can see that all BB scripts are not using async/defer.

    WordPress 4.9.8
    Async JavaScript 2.18.06.13
    Beaver Builder Pro 2.1.4.1

    Any ideas on how to get both plugins working together?

    Thanks for your help.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    What JS errors do you see on the browser console Stuart?

    Thread Starter Stuart Morris

    (@stuartmorrisau)

    Hi there,

    I get the following in the console on reload:

    09:40:17.001 Navigated to https://www.silvobeat.com/?fl_builder
09:40:17.405 VM44281:68 true
09:40:18.273 jquery.ui.sortable.js:34 Uncaught TypeError: Cannot read property 'mouse' of undefined
    at jquery.ui.sortable.js:34
    at jquery.ui.sortable.js:1298
(anonymous) @ jquery.ui.sortable.js:34
(anonymous) @ jquery.ui.sortable.js:1298
09:40:18.459 jquery-migrate.min.js:2 JQMIGRATE: Migrate is installed, version 1.4.1
09:40:18.486 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://fonts.gstatic.com/s/karla/v6/qkBbXvYC6trAT7RVLtw.woff2
09:40:18.488 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://fonts.gstatic.com/s/lora/v12/0QIvMX1D_JOuMwr7Iw.woff2
09:40:18.698 ?fl_builder:7411 Uncaught TypeError: Cannot read property 'editor' of undefined
    at ?fl_builder:7411
(anonymous) @ ?fl_builder:7411
09:40:19.046 jquery.mjs.nestedSortable.min.js:3 Uncaught TypeError: Cannot read property 'sortable' of undefined
    at jquery.mjs.nestedSortable.min.js:3
    at jquery.mjs.nestedSortable.min.js:3
    at jquery.mjs.nestedSortable.min.js:3
(anonymous) @ jquery.mjs.nestedSortable.min.js:3
(anonymous) @ jquery.mjs.nestedSortable.min.js:3
(anonymous) @ jquery.mjs.nestedSortable.min.js:3
09:40:19.154 plupload.min.js:1 Uncaught ReferenceError: mOxie is not defined
    at plupload.min.js:1
(anonymous) @ plupload.min.js:1
09:40:19.480 mediaelement-migrate.min.js:1 Uncaught ReferenceError: mejs is not defined
    at mediaelement-migrate.min.js:1
    at mediaelement-migrate.min.js:1
(anonymous) @ mediaelement-migrate.min.js:1
(anonymous) @ mediaelement-migrate.min.js:1
09:40:19.886 custom.min.js:1 Uncaught TypeError: e(...).headroom is not a function
    at custom.min.js:1
    at custom.min.js:1
(anonymous) @ custom.min.js:1
(anonymous) @ custom.min.js:1
09:40:19.917 jquery.masonry.min.js:11 Uncaught TypeError: Cannot read property 'prototype' of undefined
    at jquery.masonry.min.js:11
    at jquery.masonry.min.js:11
(anonymous) @ jquery.masonry.min.js:11
(anonymous) @ jquery.masonry.min.js:11
09:40:19.985 backbone.min.js:1 Uncaught TypeError: Cannot read property 'extend' of undefined
    at backbone.min.js:1
    at backbone.min.js:1
    at backbone.min.js:1
(anonymous) @ backbone.min.js:1
(anonymous) @ backbone.min.js:1
(anonymous) @ backbone.min.js:1
09:40:20.079 shortcode.min.js:1 Uncaught ReferenceError: _ is not defined
    at shortcode.min.js:1
    at shortcode.min.js:1
(anonymous) @ shortcode.min.js:1
(anonymous) @ shortcode.min.js:1
09:40:20.083 media-models.min.js:1 Uncaught ReferenceError: _ is not defined
    at Object.20 (media-models.min.js:1)
    at b (media-models.min.js:1)
    at 20 (media-models.min.js:1)
    at media-models.min.js:1
20 @ media-models.min.js:1
b @ media-models.min.js:1
20 @ media-models.min.js:1
(anonymous) @ media-models.min.js:1
09:40:20.177 media-editor.min.js:1 Uncaught ReferenceError: _ is not defined
    at media-editor.min.js:1
(anonymous) @ media-editor.min.js:1
09:40:20.181 media-audiovideo.min.js:1 Uncaught TypeError: Cannot read property 'settings' of undefined
    at Object.<anonymous> (media-audiovideo.min.js:1)
    at b (media-audiovideo.min.js:1)
    at media-audiovideo.min.js:1
    at media-audiovideo.min.js:1
(anonymous) @ media-audiovideo.min.js:1
b @ media-audiovideo.min.js:1
(anonymous) @ media-audiovideo.min.js:1
(anonymous) @ media-audiovideo.min.js:1
09:40:20.289 media-views.min.js:1 Uncaught TypeError: Cannot set property 'l10n' of undefined
    at Object.<anonymous> (media-views.min.js:1)
    at b (media-views.min.js:1)
    at media-views.min.js:1
    at media-views.min.js:1
(anonymous) @ media-views.min.js:1
b @ media-views.min.js:1
(anonymous) @ media-views.min.js:1
(anonymous) @ media-views.min.js:1
09:40:20.359 wp-util.min.js:1 Uncaught ReferenceError: _ is not defined
    at wp-util.min.js:1
    at wp-util.min.js:1
(anonymous) @ wp-util.min.js:1
(anonymous) @ wp-util.min.js:1
09:40:21.063 wp-plupload.min.js:1 Uncaught TypeError: Cannot read property 'Attachments' of undefined
    at wp-plupload.min.js:1
    at wp-plupload.min.js:1
(anonymous) @ wp-plupload.min.js:1
(anonymous) @ wp-plupload.min.js:1
09:40:21.074 wp-backbone.min.js:1 Uncaught ReferenceError: Backbone is not defined
    at wp-backbone.min.js:1
    at wp-backbone.min.js:1
(anonymous) @ wp-backbone.min.js:1
(anonymous) @ wp-backbone.min.js:1
09:40:21.769 widget.min.js:11 Uncaught TypeError: c is not a constructor
    at Function.a.widget (widget.min.js:11)
    at wpdialog.min.js:1
    at wpdialog.min.js:1
a.widget @ widget.min.js:11
(anonymous) @ wpdialog.min.js:1
(anonymous) @ wpdialog.min.js:1
09:40:21.965 fl-builder.min.js:5 ************************************************************************
09:40:21.966 fl-builder.min.js:5 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.
09:40:21.966 fl-builder.min.js:5 "Uncaught TypeError: Cannot read property 'settings' of undefined" on line 2 of https://www.silvobeat.com/wp-content/plugins/bb-plugin/js/fl-builder.min.js.
09:40:21.967 fl-builder.min.js:5 TypeError: Cannot read property 'settings' of undefined
    at Object._initMediaUploader (fl-builder.min.js:2)
    at Object._init (fl-builder.min.js:2)
    at HTMLDocument.<anonymous> (fl-builder.min.js:5)
    at i (jquery.js:2)
    at Object.fireWith [as resolveWith] (jquery.js:2)
    at Function.ready (jquery.js:2)
    at HTMLDocument.K (jquery.js:2)
09:40:21.967 fl-builder.min.js:5 ************************************************************************
09:40:22.332 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0
09:40:25.010 VM44204:20 cannot call methods on masonry prior to initialization; attempted to call 'reloadItems'
window.console.error @ VM44204:20
f @ masonry.min.js:9
a.fn.(anonymous function) @ masonry.min.js:9
(anonymous) @ 2991-layout-draft.js:168
dispatch @ jquery.js:3
r.handle @ jquery.js:3
load (async)
add @ jquery.js:3
a.event.add @ jquery-migrate.min.js:2
(anonymous) @ jquery.js:3
each @ jquery.js:2
each @ jquery.js:2
sa @ jquery.js:3
on @ jquery.js:3
(anonymous) @ 2991-layout-draft.js:168
(anonymous) @ 2991-layout-draft.js:168
    • This reply was modified 6 years, 3 months ago by Stuart Morris.
    Plugin Author Optimizing Matters

    (@optimizingmatters)

    You seem to be also using Autoptimize Stuart, might the combination of AO & AsyncJS cause the BB-issues here or does this also happen when AO is disabled for logged in users (option at bottom of AO’s settings page)?

    Thread Starter Stuart Morris

    (@stuartmorrisau)

    It happens with Autoptimize > “Also optimise for logged in users?” option disabled.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    hmmm … weird. I’ll try to reproduce myself locally and see if/how to work around that. maybe I’ll add a “don’t async for logged in users”-option ..

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, reproduced and got it working by adding wp-includes/js to the “Script Exclusion” field, can you give that a try?

    Thread Starter Stuart Morris

    (@stuartmorrisau)

    Success! Thank you very much for your help. ??

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    you’re welcome, feel free to leave a review of the plugin and support here! ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Async JavaScript breaks Beaver Builder’ is closed to new replies.