In the past year or so I’ve had a problems here and there with the divi builder not loading or functioning so I’m able to use it properly. I tried everything from clearing my browser cache, web cache, and server cache and none of that seemed to help. I deactivated plugins and switched themes, didn’t work. I was getting really frustrated and was banging my head against a wall.
I was not able to properly use the Divi builder as you normally can. The divi builder won’t load problem seems to happen with almost every other update too I’ve noticed. I recently found out what the problem was with Divi builder causing the non-functioning continuous loop.
I got a tip from a fellow developer ( Indikator Design ) in a forum and it worked beautifully! Problem solved. He even gave me a full explanation as to WHY this happens. Because we always want to know why right? So we can easily solve the problem or understand future problems.
Explanation: the “localStorage” has nothing to do with your browser cache or similar. This is a persistent cache on your hard disk. This is used by the developers of ET to store the backbone. js templates for better performance. The Page Builder uses these templates to display and manage the modules. After updates, errors may occur if new functions are needed but only old templates are available. Deleting the browser cache or closing and reopening it doesn’t help at all. But you should always connect deleting the localStorage with deleting your browser cache etc. However, always start with localStorage. – Bruno, Indikator Design
How To Fix Divi Back-End Continuous Loading
Keep in mind, your problem may or may not be the local storage. There is a method to debugging wordpress sites and that method should always be applied when trying to fix anything. ALWAYS BACKUP YOUR WEBSITE! Deactivate plugins, change theme to a standard wp theme, make certain you are running the latest version of everything, clear all caches, make certain you weren’t hacked, etc..etc…
Method 1
- Make certain you are using a developer tools extension in your browser (this tutorial uses chrome dev tools)
- Do an inspect on either the back end or front end of the website that is having problem. Doesn’t matter.
- Click the “application” Tab
- Find “Local Storage” on the left
- Click drop down and right click choosing to “clear” the local storage memory
Method 2
- Make certain you are using a developer tools extension in your browser (this tutorial uses chrome dev tools)
- Do an inspect on either the back end or front end of the website that is having problem. Doesn’t matter.
- Locate the console tab
- Use command: localStorage.clear();
Method 3
- Make certain you are using a developer tools extension in your browser (this tutorial uses chrome dev tools)
- Do an inspect on either the back end or front end of the website that is having problem. Doesn’t matter.
- Choose application tab
- Find “Clear Storage” text with little trash icon
- scroll down and make certain “local and session storage” is checked
- Click button to “clear all site data”
Here are some other methods you can try out.
https://diviwebdesign.com/blog/how-to-fix-divi-builder-modules-not-openingloading-or-timeout-issue/
Ways to fix divi builder error when it won’t load
There are several things you can try to fix the issue of the Divi theme continuously loading:
- Clear your browser’s cache and cookies.
- Deactivate all plugins and see if the issue is resolved. If it is, then you can try reactivating the plugins one by one to identify which plugin is causing the issue.
- If you have recently installed any updates, try rolling back to the previous version.
- Check if your website has any broken links or images, as this can cause the theme to continuously load.
- You can also try switching to a default WordPress theme to see if the issue is with the Divi theme or something else.
- If none of the above solutions work, you can try re-installing the Divi theme.
It is also a good idea to make a backup of your website before trying any of these solutions. This way, you can restore your website to its previous state if something goes wrong.
If you still find yourself having problems, call a professional! 😉
I have tried these and still no luck… probably me though, I am definitely not professional. Right now, none of the “settings” tabs seem to be working anywhere on the entire site, it is very frustrating because the site was working fine a few days ago… I thought it was my API with elegant themes but all of that has been updated along with divi, divi builder, and even chrome.
Josh, I’m sorry you’re having problems and that clearing your local storage didn’t help. Have you tried disabling all your plugins to check for a conflict? Have you tried making sure to clear all caches, included cache files in your server via FTP? Feel free to email me if you need to some help.
Hi
Did you mange to solve this? I’ve just got the same problem after updating divi 🙁
Jo
I solved it with the Developer Tools, using method 1) .
It was not loading on the backend, and did not get the controls to appear on the front-end.
this is happening on my PC, but on MAC, I never have that problem.
Thank you for this tutorial.
I found that the Divi frontend builder wasn’t loading and I was also getting a message the link you have followed has expired I thought it was php resources but I am maxed out however after many hours of trying I installed the free plugin called jQuery Updater… done and done 🙂
Thanks for this! Worked fine for me. I tried all three methods to be safe, and tbh I’m not sure which one did the trick.
Thanks for the post Heather, this issue has been driving me mad as I’ve had it on a number of my Divi driven sites. Your resolution worked perfectly! Thank you.
I’ve tried some of these options. I can get the visual builder to work but not when I’m on the back end.
I the laoder shows up but nothing is happening.
Any idea?
Have you tried disabling all your caching plugins in wordpress? But follow up also with making sure to clear the database AND remove all the file and code injections made by the plugin. Then go and clear you cache on the server level if possible. Use an incognito window and then clean your machine cache again (the directions in your post) and see if it’s not working then. ALSO, make sure you’re using the LATEST version of Divi. As I’ve not seen this problem anymore as of yet.
hello ,
i m using wordpress and divi theme., i cant upload my logo, i clicked divi-theme options , but there my logo upload button is not active, i cleared those things as u mentioned above and also downloaded plupload fix, but still it is not working, i us 64 bit windows 10, browser chrome, can u pls help me, i ve stucked with this many days
This sounds like one of those times you may have to hire a professional to fix it fo your. I suggest making sure everything is updated, that you are on a good hosting environment for wordpress and clear ALL your caches. Deactivate ALL your plugins and check again to see if it works.
Some good tips to try, but unfortunately neither this or the wpconfig fixes worked for Divi’s pre-made layouts endlessly loading.
What fixed it for me was increasing the upload size through the php config in my hosting’s cPanel, because it turns out that my WordPress was limited to 2MB files! (you can check it in Media>Add New on WP Dashboard) Causing endless loading since presumably it couldn’t install the files from the Elegant Themes cloud.
So I increased the upload file size to 64MB which fixed it. 🙂
I have been struggling with this ongoing.
Your Tip 3 solved this in seconds!
THANK YOU SO MUCH!
Edwin
I’ve been struggling with this for weeks and in two seconds it was fixed with your first suggestion. Thank you!!
Thank you for this, but I think I might have a problem a little larger than this. On only one page of my site the visual builder won’t load. When I inspect the page I’m getting a js error (and js just confuses the hell out of me). Can you help out? This is what I’m seeing:
Uncaught TypeError: Cannot read property ‘id’ of undefined
at new e (bundle.js?ver=3.19.4:2)
at Module. (bundle.js?ver=3.19.4:2)
at Module. (bundle.js?ver=3.19.4:2)
at a (bundle.js?ver=3.19.4:2)
at Object. (bundle.js?ver=3.19.4:13)
at a (bundle.js?ver=3.19.4:2)
at Object. (bundle.js?ver=3.19.4:133)
at Object. (bundle.js?ver=3.19.4:133)
at a (bundle.js?ver=3.19.4:2)
at Module. (bundle.js?ver=3.19.4:161)
I think it has to do with the fact that I placed a mail chimp native optic in form alongside a divi option box, and it’s confusing the visual loader on the back end. I’m not sure though. Help?
Does it work when you deactivate that mail chimp plugin? If so, there is an incompatibility with the plugin and the builder. If not, deactivate all your plugins and see if the builder does or doesn’t work when all your plugins are off. If it works fine, you’ll have to deduce which plugin is causing the incompatibility. If it doesn’t work, try checking your php versions, your WP versions, divi versions, change the child theme. ETC…It’s a lot of debugging to figure out the problem. But you’ll figure it out eventually. If not, you can always hire someone to fix it.
I am having the same issue on my website. Literally only one page and it happens to be my “Front Page”.
WP 5.5.3 – Divi 4.6.6 – PHP 7.2.33
bundle.js:19 Uncaught Error: create-react-class could not find the React object. If you are using script tags, make sure that React is being loaded before create-react-class.
at Object. (bundle.js:19)
at a (bundle.js:2)
at Object. (bundle.js:296)
at Object. (bundle.js:296)
at a (bundle.js:2)
at Module. (bundle.js:305)
at Module. (bundle.js:305)
at a (bundle.js:2)
at bundle.js:2
at bundle.js:2
Yay! I’ve been having issues with my WIP Divi-powered portfolio for weeks! Everything was working fine until I updated to WP5.1 and the latest theme update. After then, I was unable to any of the pages as the entire page when blank when I tried to edit settings on any module…
I tried clearing caches, disabling plugins, disabling Chrome extensions, clearing server cache, and disabling Cloudflare – but nothing worked! 🙁 I was at the stage where I was seriously considering reworking the site with another theme!
BUT – the bit above about clearing the local storage has bloody worked!! 😀 Thank you for sharing this fix! 🙂
Thanks for this – used method 1 above and I can now stop tearing my hair out! Worked like a charm!
Awesome Method one seems to have worked for me, thank you! 🙂
That worked, thank you very much Heather!
Thanks. It worked for me
One issue I found with a hosting company that may cause your problem isthe hosting plan.
My hosting play is 512MB and 1 processor.
As soon as I upgraded to 1G ram and 2 processors, the problem went away.
It was not a plugin this time.
If you host with godaddy you have to get the ultimate hosting, the economy and deluxe are not enough and I keep running into this problem.
So, make sure you have at least 1G of ram and 2 processors if you plan to run the divi theme.
Here is the the error I get
Load of global defaults has failed
An error has occurred while loading the Global History States. Various problems can cause a save to fail, such as a lack of server resources, firewall blockages or plugin conflicts or server misconfiguration. You can try loading again by clicking Try Again.
This is because you only have 512MB of ram and 1 processor.
Check this before you go with a hosting plan.
This is one solution
Thanks man. That’s super helpful for other people!
Sorted issue with method 1. Elegant themes support had me turn everything off.. Remove scripts and css…
I hhad an idea it something else.. Heather your a star.. May e you should let them know
I think that helped me too, thank you.
Hi there
Just wanted to say thanks for posting this solution. After moving webhost and working through the usual fixes including upping PHP limits, nothing worked.
Elegant themes thought it was something to do with my htaccess file, but I reset that to default and still no luck.
After doing the above thingd (not sure which on did it) it’s all fixed now. So just wanted to say thanks, and hopefully if someone has the same problem, this helps them out.
For CloudFlare users, just turn off Rocket Loader.
You’re a life saver Sir.
Miss. 😉
Thanks Branko! This worked perfectly and brought an end to a very frustrating search!!! Much Appreciated.
I was able to go to Divi > Theme Options > Builder > Set Static CSS File Generation to disabled. I hope this helps.
Finally a solution – thank you!! Been struggling with this issue for a couple of months. Only had the problem when my permalinks were set to anything except “plain” (and who wants plain permalinks?).
OMG! Do you know how many years I’ve been looking for this simple solution! Worked like a charm. Bookmarked with my absolute loved web-dev tools.
I appreciate your help. I had a conflicting plugin.
sweet 🙂 Glad you found it.