Question

icons library not loading

  • 29 July 2021
  • 8 replies
  • 116 views

Badge

Hello friends

 

I recently noticed a weird glitch/bug/issue with one specific website from a client that has issues loading the icon library in editor. 


side note: I already opened a support ticket for this, but knowing support times are utterly slow, I want to give this a try via the community, perhaps somebody already got an answer from support or figured out a solution to get it working again

 

When I drag any widget into the editor that involves an icon and I edit the icon to select a default one, the popup remain empty. 

And as soon as I did that action, my browser console throws me a pile of JS errors back

 

TypeError: o is undefined
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
Ie https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:104
rh https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:103
zj https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:228
Th https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:152
react-dom.min.js:125:24
Uncaught ReferenceError: originalEvent is not defined
onError https://example.com/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.3.1:2
Backbone 9
bindEvents https://example.com/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.3.1:2
init https://example.com/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.3.1:2
Debug https://example.com/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.3.1:2
initComponents https://example.com/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.3.1:2
<anonymous> https://example.com/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.3.1:2
<anonymous> https://example.com/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.3.1:2
<anonymous> https://example.com/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.3.1:2
common.min.js:2:113221
Uncaught TypeError: o is undefined
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
Ie https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:104
rh https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:103
zj https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:228
Th https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:152
editor.min.js:2:81592
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
forEach self-hosted:205
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
IconsManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
Ie https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:104
rh https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:103
zj https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:228
Th https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:152
tj https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:152
Te https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:146
Ja https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:224
md https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:173
nd https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:175
Rh https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:147
nd https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:175
render https://example.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=16.13.1:238
renderIconManager https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
onPickerShow https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
onPickerShow self-hosted:1175
trigger https://example.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.8.1:3
each Backbone
trigger https://example.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.8.1:3
show https://example.com/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.8.1:3
showModal https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
show https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
openPicker https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
openPicker self-hosted:1175
Backbone 23
construct self-hosted:2741
_createSuperInternal https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
ControlIconsView https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
Backbone 41
setPage https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
renderTab https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
activateTab https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
activateTab https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
registerTabRoute https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
run https://example.com/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.3.1:2
to https://example.com/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.3.1:2
route https://example.com/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.3.1:2
apply https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
run https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
c https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
run https://example.com/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.3.1:2
run https://example.com/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.3.1:2
onEditRequest https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
Backbone 4
onClickEdit https://example.com/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2
onClickEdit self-hosted:1175

 

I already tried every possible default 101 scenario such as:

  • clearing all possible caches
  • disabling all cache (and is also disabled permanently while further investigation)
  • rebooting entire server
  • try with debug mode on, still same problem
  • changed to default theme instead of OceanWP, no change
  • disable all other plugins except elementor, still same problem
  • manually removed and re-install elementor, same problem
  • regenerate assets, still same problem
  • ran the migrate script again from v3.x still same problem

 

I think I’m out of ideas that could related to this problem. 
The errors also only point exactly to iconmanager coming from elementor assets, but since I have downloaded and reinstalled the latest version, it doesn’t make sense why it keeps giving me this error. 

We run PHP 7.4.x, stable version. 
And its the same image, setup, hosting, … as hundreds of our other projects also. 
This is the first time ever I encounter such a persistent en specific error from a single plugin that is so hard to track and solve, even when completely removing the plugin manually by FTP and re-download and re-install latest version. 


Any clues, leads, tips, .. because I’m all out of ideas on this one. 

 


8 replies

Userlevel 4
Badge +2

Are you using the icon loading experiment?

Badge

Are you using the icon loading experiment?

Icon loading experiment? 

That doesn’t ring a bell, I don’t have any experiments enabled except for the default one about optimizing the assets. 

but that same option is also enabled on many other sites we have build and don’t give any problems. 
nevertheless, I have disabled all experiments I can see in the list and the problem still persists so I don’t think it has anything to do with experiments as far as I can see

Userlevel 4
Badge +2

You should absolutely enable some experiment if you can. They help a lot with the page loading.

 

The “Icon Loading experiment” can be found in Elementor > Settings > Experiment > Improved CSS Loading (so your icon styles are loaded inline).

Otherwise I’d bet that you’re having problems with the way your scripts are loaded; perhaps asynchronously.

What does the editor in safe mode tells you?

Badge

@Nazrinn 

That part I understand, but the errors returning in console are about problems with the iconmanager from Elementor itself. 
Wether you load it inline or differently shouldn’t matter, it should load. 

Also I’m talking about the EDITOR, not the frontend for visitor. So any performance improvements you are trying to do doens’t make any sense at this point. 
I need the icon library manager to load in Elementor Editor as I’m edititing a page or section or whatever. 

Also in safe mode, same problem (as you could read in my initial post in the list of actions I already did)

Userlevel 4
Badge +2

My logic was that loading the icons differently might use a different script to load Elementor icons, and therefore you might have seen the error being resolved. This has nothing to do with optimization per say. This is still about resolving your issue.

(Additionally, I do not know if the editor versus the frontend loads the icons differently, but it might have been worth a shot.)

If you tell me you are having the issue in safe mode still, then this is not a plugin/theme issue. This could be your computer. https://elementor.com/help/safe-mode-not-solving-problem/

 

Have your tried rolling back to the previous Elementor version without upgrading? Since it could be a problem with this Elementor version specifically.

Badge

@Nazrinn 

Its not only the icons, its also the entire iconmanager as I stated several times. 
The whole box remains empty, nothing loads inside as you can see from the screenshot. There is no icon library at all.

Yep I also tried rolling back, even completely delete everything via FTP and install fresh, still same problem. 
And yes it is for sure a problem with a plugin, but the thing is, I also have disabled EVERYTHING except Elementor and still the error persist. 
And the console log also points exactly to /wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.3.1:2 as cause of the problem. 

So even when I wipe out the entire Elementor directory and install fresh, it still give me that error. 

I don’t believe its coming from my computer because on that server I have around 45 other websites running, all Elementor, no problem at all. 
Only 1 specific website has this error. 

I tried different browsers, incognito, switched to my Mac, my iPad, the error comes everywhere so this also clears out suspicion about local device. 
There is only Elementor and Element pro running and both have been wiped out and installed again and still problem persist. 

Pretty weird….
 

Userlevel 6
Badge +4

@Fabio Tielen did you find your answer here? If so, please consider clicking “Best answer” to help out others. If you found it elsewhere, please share it here so we can mark your answer as the best one.

Userlevel 4
Badge +2

@Fabio Tielen Your best bet is writing to the Elementor developers on Github and hope they can look into your issue.

Reply