Uncaught TypeError: $ não é uma função [Correção de erro]
A mensagem de erro Uncaught TypeError: $ is not a function normalmente ocorre em JavaScript quando os usuários tentam usar o cifrão ($) como uma função, mas não é reconhecida ou definida.
Alguns de nossos leitores relataram recentemente que encontraram esse erro de JavaScript. Neste artigo, discutiremos o que causa esse erro e como corrigi-lo rapidamente.
O que causa o Uncaught TypeError: $ não é uma função?
Existem algumas causas comuns para esse erro, conforme relatado por alguns geeks que conseguiram detectar o que desencadeia o problema. Abaixo estão alguns deles:
- Biblioteca jQuery não carregada – O cifrão ($) é comumente associado à biblioteca jQuery. Se você estiver usando funções jQuery ou métodos em seu código, certifique-se de que a biblioteca jQuery seja carregada corretamente antes de seu script.
- Conflitos com tema ou plugins – É possível que alguns plugins ou temas contenham JavaScript que foi programado incorretamente e interfira na operação adequada do jQuery ou use o símbolo ‘$’ de uma forma que cause problemas com outros scripts.
- Ordem de script incorreta – A ordem em que os scripts são carregados também pode causar esse erro. Se o seu script que usa o cifrão ($) for carregado antes da biblioteca jQuery, ele não reconhecerá o cifrão como a função jQuery.
- Conflito com outras bibliotecas – Se você estiver usando várias bibliotecas JavaScript em sua página da Web, pode haver um conflito entre jQuery e outra biblioteca que também usa o cifrão ($) como um atalho .
Agora que você conhece algumas dessas possíveis causas, deve ser capaz de resolver o erro “Uncaught TypeError: $ is not a function” e garantir que o cifrão ($) seja reconhecido como a função jQuery em seu código JavaScript .
Como posso corrigir Uncaught TypeError: $ não é uma função?
Antes de se envolver em qualquer solução de problemas avançada ou ajuste de configurações, os usuários devem garantir que realizam as seguintes verificações preliminares:
- Certifique-se de que a biblioteca jQuery seja carregada antes de qualquer script que dependa dela.
- Use a tag ‘<script>’ para verificar se a biblioteca jQuery foi incluída em seu arquivo HTML.
- Verifique a inclusão do jQuery em seu arquivo HTML – Certifique-se de ter incluído a biblioteca jQuery em seu arquivo HTML. Você pode fazer isso adicionando a tag de script acima à seção de cabeçalho ou corpo do seu arquivo HTML.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
Caso você precise de um guia exemplificado sobre como corrigir o Uncaught TypeError: $is not a function error, certifique-se de seguir os métodos fornecidos abaixo.
1. Substitua a palavra-chave ‘jQuery’ pelo cifrão ($)
Se você encontrar o Uncaught TypeError: $ não é um erro de função ao usar o símbolo $ em funções, você pode substituí-lo por jQuery. Por exemplo, onde você tem a seguinte função de símbolo $: $(function() { // Seu código aqui });
Substitua por:
jQuery(function() { // Seu código aqui });
Ao contrário de quando você usou o símbolo $, a função jQuery não acionará a mensagem de erro.
2. Envolva o código $
Como alternativa, você pode agrupar o código em uma expressão de função invocada imediatamente que contém o símbolo jQuery. Por exemplo: jQuery(function ($) { // Você pode usar $ dentro do wrapper console.log($('.primary-menu')); });
Depois de fazer essas alterações no código, você pode usar o console do desenvolvedor do seu navegador para ver se o erro persiste.
3. Personalize um alias em jQuery
Embora o cifrão $ seja o alias padrão para o objeto jQuery, pode ser necessário criar um alias alternativo para evitar conflitos com outras bibliotecas que usam o cifrão $. Abaixo está a linha de código que você precisa executar:
vvar $d = jQuery;
O código acima substitui o alias padrão $ por $d. No entanto, não está restrito ao acima, pois pode ser alterado para qualquer outra coisa que você desejar.
E é isso sobre como corrigir o Uncaught TypeError: $ is not a function error. Esperamos que os métodos fornecidos neste guia ajudem você a corrigir o problema.
Se você tiver alguma dúvida ou conhecer outros métodos viáveis, sinta-se à vontade para compartilhá-los usando a seção de comentários abaixo.
Deixe um comentário