Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Bug] e.on is not a function

"react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^6.15.0", "react-scripts": "5.0.1", node v18.16.1 GitHub: https://github.com/Jheimys/Cinetag

Bom dia! Esse erro ''e.on is not a function '' esta aparecendo para mim pesquisei sobre ele na internet mas não conseguir resolver, quando recarrego a página ele some e consigo usar normalmente porém acredito que ele possa dar algum problema no futuro com na hora de fazer o deploy por exemplo.

Também não estou conseguindo usar a extensão do extensão react context devtools quando tento usar aparece a seguinte mensagem: React is not found in this page.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

4 respostas

Opa Jheimys, tudo certo?

Poderia por gentileza dar mais informações sobre o ocorrido quanto ao erro is not a function? Quando o erro ocorre? O erro se apresentou mais de uma vez em alguma situação?

O erro "Uncaught TypeError: e.on is not a function" indica que não foi possível chamar o método "on". Este erro pode surgir devido a possíveis conflitos ou problemas com dependências no projeto. Certifique-se de que suas dependências estão atualizadas e não há conflitos entre elas. Além disso, é recomendável desativar outras extensões no navegador, pois elas podem estar causando interferência no funcionamento da página.

O problema com a extensão React Context DevTool pode ocorrer devido a duas razões principais:

  1. Importação Incorreta: Verifique se você importou corretamente o módulo "React" em todos os componentes que utilizam o Context. Certifique-se de importar o "React" no início do arquivo, antes de qualquer uso de recursos do React.
  2. Incompatibilidade de Versão: Pode ocorrer devido a uma incompatibilidade entre a versão da extensão e a versão do React em sua aplicação. Verifique se a versão da extensão é compatível com a versão do React utilizada. Se não for compatível, considere atualizar ou procurar uma versão adequada da extensão.

Se o problema persistir, tente desinstalar a extensão, fechar o navegador, e reinstalá-la novamente.

Fico à disposição.

Tenha um bom dia e bons estudos.

Fala Gabriel tudo certo??

Tenho uma notícia boa e uma ruim rsss.

Desistalei a extensão React Context DevTool e o erro não apareceu novamente, mas ai fico sem essa extensão para visualisar o context.

Existe outra extensão que possa fazer algo semelhante?

solução!

Opa Jheimys.

Como no caso específico se trata do cuidado com contextos, a extensão React Context DevTool foi desenvolvida especificamente para esses casos, temo que não há muitas extensões a qual recorrer que tragam os mesmos benefícios.

A extensão que mais se aproxima do resultado desejado acredito que seja a React Developer Tools. No entanto, recomendo, a título de aprendizagem e desenvolvimento futuro, que siga com a extensão original para não haver possíveis erros de ambiente e diferenças com o conteúdo visualizado.

Fico à disposição.

Olá! Gostaria de agradecer a instrutora e o aluno que abriu o tópico. Eu estava quebrando a cabeça com o aparecimento desse mesmo erro e não achava solução. Foi só desinstalar a extensão do React Context DevTool que o erro desapareceu. :)

Muito Obrigada!!