Erro de JavaScript no console do Elementor: como corrigir

Tipo Page Builders

Nome do erro Erros de JavaScript no Console do Elementor EN: Elementor JavaScript console errors

Severidade Grave

Descrição O erro de JavaScript no console do Elementor aparece como mensagens Uncaught no DevTools do navegador (F12) e impede o editor de carregar ou quebra widgets no frontend. A causa quase sempre e outro plugin que duplica ou remove o jQuery, ou um plugin de cache que minifica e combina os arquivos JS do Elementor na ordem errada.

O que é erro de JavaScript no console do Elementor?

O erro de JavaScript no console do Elementor e qualquer mensagem do tipo Uncaught que o navegador registra na aba Console das ferramentas de desenvolvedor (F12) enquanto o editor ou a página pública carregam. O Elementor depende de vários arquivos JavaScript que precisam ser carregados na ordem certa e sobre uma versão compativel do jQuery. Quando um plugin de terceiros remove o jQuery do core, carrega uma versão própria, ou um plugin de otimização combina e minifica os arquivos fora de ordem, a execucao do script para na primeira linha que falha. Tudo que viria depois não roda: o painel de widgets fica vazio, o preview não atualiza, ou o botao de salvar não responde. O console e onde a causa fica visivel, porque cada mensagem aponta o arquivo e a linha exata que quebrou.

Como identificar

O console do navegador (F12, aba Console) mostra mensagens como Uncaught TypeError ou Uncaught ReferenceError seguidas do nome de um arquivo .js do Elementor ou de um addon.
Aparece a mensagem jQuery is not defined ou $ is not a function, indicando que o jQuery não carregou antes dos scripts do Elementor.
O editor do Elementor abre mas o painel lateral de widgets fica vazio ou em carregamento infinito, sem nenhum elemento para arrastar.
No frontend, sliders, abas, pop-ups e accordions montados no Elementor não respondem ao clique, mesmo com o layout aparentemente correto.
A barra superior do editor não salva: o botao Atualizar gira sem concluir e nenhuma alteração persiste depois de recarregar a página.

Antes de começar: Antes de desativar plugins de cache ou otimização em producao, faca backup e prefira testar em staging: desligar a combinacao de JavaScript pode aumentar temporariamente o tempo de carregamento, e reativar os plugins fora de ordem durante o teste pode deixar o site sem JavaScript em páginas publicas por alguns minutos.

Como prevenir

Mantenha o limite de memória PHP em pelo menos 128 MB (256 MB e o ideal para sites com Elementor e addons) para o editor carregar todos os assets sem abortar
Sempre que ativar um plugin de cache, exclua os scripts do Elementor da combinacao e do delay de JavaScript e teste o editor antes de publicar
Atualize Elementor, Elementor Pro e os addons na mesma janela e teste em staging, para evitar versões desencontradas que registram scripts incompativeis
Evite acumular vários addons de Elementor com funções sobrepostas: cada um registra scripts próprios e aumenta a chance de conflito de JavaScript no console

Causa

Plugin de cache ou otimização (WP Rocket, Autoptimize, LiteSpeed Cache, Perfmatters) com Combine JavaScript ou Delay JavaScript ativo, juntando os arquivos do Elementor fora de ordem e quebrando a dependencia entre eles.
Plugin de terceiros que faz wp_deregister_script do jquery-core e carrega uma versão própria do jQuery via CDN, deixando os scripts do Elementor sem a versão esperada e gerando jQuery is not defined.
Limite de memória PHP abaixo de 128 MB, fazendo o Elementor abortar o carregamento de assets pela metade e deixar funções JavaScript sem definição no console.
Versão do Elementor base e do Elementor Pro desencontrada, ou um addon (Essential Addons, Happy Addons, Ultimate Addons) defasado registrando um script incompativel com a API atual do Elementor.
Extensão do navegador como bloqueador de anúncios ou script de terceiros (chat, pixel, mapa) lancando um Uncaught que interrompe a fila de execucao antes dos scripts do Elementor rodarem.

Como resolver

Leia a mensagem exata no console do navegador: abra a página ou o editor com problema, pressione F12 e va na aba Console. A primeira mensagem em vermelho aponta o arquivo e a linha que quebrou; o nome do arquivo revela se a culpa e do Elementor, de um addon ou de um script de terceiros.
```
F12 -> aba Console -> ler a primeira linha em vermelho
Anotar o nome do arquivo .js citado (ex.: frontend.min.js, jquery.min.js)
F12 -> aba Network -> filtrar por JS -> conferir status 404 em arquivos do Elementor
```
Rode o Safe Mode e o teste de conflito de plugins: o Safe Mode carrega o editor sem temas e plugins de terceiros. Se o console limpar com ele ligado, a causa e um plugin ou o tema. Desative os plugins de otimização primeiro e reative um a um até o erro voltar.
```
Elementor -> Ferramentas -> conferir Safe Mode disponível no editor
Ativar Safe Mode pelo aviso do editor e recarregar
Plugins -> desativar WP Rocket / Autoptimize / LiteSpeed / Perfmatters
Reativar um plugin por vez recarregando o console a cada passo
```

Desligue a combinacao e o delay de JavaScript no plugin de cache: quando o teste apontar o plugin de cache, mantenha a minificacao simples mas desligue a combinacao e o adiamento de JS, que são os recursos que mais quebram a ordem de carregamento do Elementor. Limpe o cache depois.

WP Rocket -> File Optimization -> desmarcar Combine JavaScript files
WP Rocket -> File Optimization -> desmarcar Load JavaScript deferred / Delay JS
WP Rocket -> Dashboard -> Clear and preload cache
Excluir frontend.min.js e os scripts /elementor/ da otimização se o plugin permitir lista

Regenere os arquivos do Elementor e aumente a memória: limpe os assets antigos que podem estar corrompidos e garanta memória suficiente para o Elementor carregar todos os scripts. Em seguida, atualize Elementor, Elementor Pro e os addons juntos para alinhar as versões.
```
Elementor -> Ferramentas -> Regenerar Arquivos e Dados
wp-config.php: define( 'WP_MEMORY_LIMIT', '256M' );
Plugins -> atualizar Elementor, Elementor Pro e addons na mesma janela
```

PHP

<?php
// Cole em wp-config.php, ACIMA da linha /* That's all, stop editing! */
// Forca o WordPress a servir os arquivos JS originais (nao minificados),
// para o console apontar o arquivo e a linha reais do erro do Elementor.
define( 'SCRIPT_DEBUG', true );

// Memoria suficiente para o Elementor carregar todos os assets sem abortar.
define( 'WP_MEMORY_LIMIT', '256M' );
define( 'WP_MAX_MEMORY_LIMIT', '256M' );

// Registra erros de PHP que podem cortar o enqueue dos scripts pela metade.
define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );
define( 'WP_DEBUG_DISPLAY', false );

Perguntas frequentes

Por que o console mostra jQuery is not defined ao usar o Elementor?

Porque algum plugin removeu o jQuery do core do WordPress ou carregou uma versão própria que roda depois dos scripts do Elementor. O Elementor espera o jQuery carregado primeiro. Identifique o plugin culpado pelo teste de conflito e desligue a opção dele que substitui o jQuery, ou ative o jQuery Migrate para restaurar a compatibilidade.

Como abrir o console para ver o erro de JavaScript do Elementor?

Pressione F12 no navegador e va na aba Console. A primeira mensagem em vermelho mostra o tipo de erro, o arquivo .js e a linha que quebrou. O nome do arquivo indica se a causa esta no próprio Elementor, num addon ou num script de terceiros, e e o ponto de partida para o diagnostico.

O plugin de cache pode causar erro de JavaScript no Elementor?

Sim, e e a causa mais comum. Recursos como Combine JavaScript e Delay JavaScript juntam ou adiam os arquivos do Elementor fora de ordem, quebrando a dependencia entre eles. Desligue a combinacao e o delay de JS para os scripts do Elementor, limpe o cache e teste o editor novamente.

O que e o Safe Mode do Elementor e como ele ajuda?

O Safe Mode carrega o editor sem os temas e plugins de terceiros, mantendo so o Elementor ativo. Se o console limpar e o editor voltar a funcionar com ele ligado, a causa do erro de JavaScript e um plugin ou o tema, e não o Elementor. E o teste mais rápido para isolar o culpado sem desativar plugins um a um.

Por que o painel de widgets do Elementor aparece vazio?

Porque um erro de JavaScript interrompeu a execucao antes de o painel terminar de montar. Quando um script falha no console, tudo que viria depois não roda, incluindo a lista de widgets. Resolva o erro apontado na aba Console, regenere os arquivos do Elementor e o painel volta a carregar os elementos.

Falta de memória PHP causa erro de JavaScript no Elementor?

Pode causar indiretamente. Quando a memória PHP fica abaixo de 128 MB, o Elementor aborta o carregamento dos assets pela metade e algumas funções JavaScript ficam sem definição, gerando Uncaught no console. Aumentar o limite para 256 MB no wp-config.php costuma eliminar esses erros intermitentes de carregamento.

Como saber se o erro de JavaScript vem de um addon do Elementor?

O nome do arquivo na mensagem do console entrega a origem: se for um script de Essential Addons, Happy Addons ou Ultimate Addons, o erro vem do addon, não do Elementor. Atualize o addon para a versão compativel com a sua versão do Elementor ou desative-o no teste de conflito para confirmar.

Uma extensão do navegador pode gerar o erro no console?

Sim. Bloqueadores de anúncios e scripts de terceiros como chat, pixel ou mapa podem lancar um Uncaught que interrompe a fila antes dos scripts do Elementor rodarem. Abra o editor numa janela anonima sem extensões: se o console limpar, a causa esta na extensão, e não no site.

Grave

Como corrigir o Ultimate Addons que não carrega widgets no Elementor

Os widgets do Ultimate Addons que não aparecem somem da aba de elementos do editor do Elementor, deixando você sem acesso aos módulos do UAE ao montar a página. A causa quase sempre é o widget desativado na própria tela do UAE, ocultado no Element Manager do Elementor, ou o cache combinando o JavaScript que monta a lista do painel.

Grave

Como corrigir o Happy Addons que não carrega no Elementor

Quando o Happy Addons não carrega, os widgets do plugin somem do painel do editor Elementor, em geral porque foram desativados no Feature Controller, porque a versão do Elementor ficou abaixo da exigida ou porque o cache de assets do editor ficou desatualizado.

Informativo

Como corrigir o layout responsivo do widget Card no Happy Addons

O layout responsivo do widget Card do Happy Addons quebra quando a largura da coluna, o tamanho da imagem ou o alinhamento do texto não são ajustados por dispositivo no Elementor, fazendo o card desalinhar, estourar a imagem ou perder a altura igual no celular e no tablet.

Atenção

Como corrigir o conflito de Meta Boxes entre ACF PRO e JetEngine no WordPress

O conflito de meta boxes entre ACF PRO e JetEngine acontece quando os dois plugins registram grupos de campos para o mesmo tipo de post e gravam na mesma meta key, gerando caixas duplicadas no editor, valores sobrescritos e campos que parecem não salvar.

Grave

Como corrigir layout quebrado no mobile após atualizar o Elementor

O layout mobile do Elementor quebra depois de atualizar quando os novos breakpoints do plugin deslocam onde os estilos responsivos são aplicados e o CSS antigo de cada página não e regenerado. No desktop o site parece normal, mas no celular o conteúdo aparece sobreposto, com colunas empilhadas erradas ou fora de largura.

Grave

Como corrigir o erro de licença da Crocoblock e reativar

O erro de licença da Crocoblock impede ativar e atualizar os JetPlugins quando a chave não valida no Jet Dashboard, geralmente por limite de sites atingido, URL do site fora do Manage Sites ou conexão de saída bloqueada com o servidor da Crocoblock.

Setores

Extensões

Integrações

Como corrigir erros de JavaScript no console ao usar o Elementor

O que é erro de JavaScript no console do Elementor?

Como identificar

Como prevenir

Causa

Como resolver

Perguntas frequentes

Itens relacionados

Como corrigir o Ultimate Addons que não carrega widgets no Elementor

Como corrigir o Happy Addons que não carrega no Elementor

Como corrigir o layout responsivo do widget Card no Happy Addons

Como corrigir o conflito de Meta Boxes entre ACF PRO e JetEngine no WordPress

Como corrigir layout quebrado no mobile após atualizar o Elementor

Como corrigir o erro de licença da Crocoblock e reativar

Setores

Extensões

Integrações

Extensões

Hero Sections

Seções de CTA

Login

Blog

Cabeçalhos

Seções de FAQ

Cadastro

Blog individual

Rodapés

Seções de contato

Seções de preços

Faixas

Portfólio

Seções de equipe

Números

Logotipos