Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
6
respostas

Problemas na Execução do Babel

Referente ao curso JavaScript: salvando dados localmente com IndexedDB

por Luciano Cordeiro
| 154k xp | 54 posts
Analista de Sistemas

Quando executei o Babel no projeto ele gerou corretamente os arquivos transcompilados, mas a aplicação parou de funcionar.

Depois de algum tempo , identifiquei que o Babel também "transcompilou" o "fetch.js" e isso gerava errros na aplicação nas importações das negociações. 

TypeError: Cannot read property 'indexOf' of undefined
    at normalizeMethod (fetch.js:307)
    at new Request (fetch.js:338)
    at fetch.js:444
    at new Promise (<anonymous>)
    at fetch (fetch.js:443)
    at HttpService.get (HttpService.js:10)
    at NegociacaoService.js:48
    at new Promise (<anonymous>)
    at NegociacaoService.obterNegociacoesDaSemanaRetrasada (NegociacaoService.js:45)
    at NegociacaoService.obterNegociacoes (NegociacaoService.js:65)

Depois (bastante tempo kkk) que percebi isso , voltei a versão do fetch.js original e a aplicação voltou ao normal.

Era pra ter retirado o "fetch.js" do projeto ???

6 respostas
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala aí Luciano, tudo bem? Bom, faz muito tempo que fiz o curso, então não lembro do conteúdo, mas, acredito que não era para gerar um fetch.js.

Precisaria ver as configurações e códigos do projeto para ter 100% de certeza, porém, acho bem estranho ele ter feito isso (mesmo se você estiver usando o fetch).

Obs: O termo correto é transpilados e não transcompilados, pois, o Babel é um transpilador e realiza o processo de transpilar nosso código.

Espero ter ajudado.

por Gabriel Leite
| 3485k xp | 5398 posts
Instrutor

Boa noite, Luciano! Como vai?

O seu tópico diz respeito a qual atividade do curso? Vc poderia colocar o link aqui? Além disso, vc poderia compartilhar o seu projeto completo no github e também colar o link aqui? Assim poderemos dar uma olhada direta no que está acontecendo de modo a tentar te ajudar de forma mais efetiva!

por Luciano Cordeiro
| 154k xp | 54 posts
Analista de Sistemas

Olá pessoal!

Matheus, o "Fetch API" foi usado no módulo 5.1 deste curso "JavaScript Avançado III: ES6, orientação a objetos e padrões de projetos" para mostrar uma simplificação de uso de requisições Ajax. Ele é um código externo ao projeto, minha dúvida é que talvez fosse necessário informar no material do curso que ele deveria ficar fora da pasta "aluraframe/client" para que ele não fosse regerado quando o Babel fosse executado para regerar o fonte ( Cap. 6.3 do curso).

Usei o termo "transcompilado" porque está escrito assim no curso, desculpa se está "errado" :-)

Trecho do material : " .... Estamos executando o babel.js, passando como parâmetro a pasta de origem que passará pelo processo de transcompilação: js/app-es6. Nós usamos o parâmetro -d indicando qual será o diretório de destino, no caso js/app. .....

...."

De qualquer forma, quando retirei o "fetch.js" da pasta "client/app " onde estava ( Cap. 5-3), voltei o código original e coloquei-o em outra pasta que não seria regerada pelo Babel, o projeto voltou a funcionar.

Gabriel tudo blz.

O código já voltou a funcionar, como falei acima, mas se quiser vê-lo, está em https://github.com/lacsousa/js-es6-oo-pp-avanc1

E o tópico do curso é o Cap 6.3 .

Agradeço a vcs pela atenção.

por Luciano Cordeiro
| 154k xp | 54 posts
Analista de Sistemas

Ah! E pela quantidade de vezes que o Flávio usa o termo "transcompilador", ao que parece, ele deu uma tradução ao termo "transpiler".

solução!
por Luciano Cordeiro
| 154k xp | 54 posts
Analista de Sistemas

Tive que voltar com o "fetch.js" dentro da pasta "app-es6" para que o Babel efetuasse a transcompilação. Porque do jeito que eu tinha feito acima, tinha resolvido para o Babel, mas tinha quebrado a execução pelo SystemJS, conforme outro problema que postei ( https://cursos.alura.com.br/forum/topico-apos-configuracoes-de-modulos-e-do-loader-system-js-projeto-voltou-a-dar-erro-84054 ) .

Mas agora já está resolvido!

por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Boa Luciano, fico feliz que tenha conseguido resolver o problema.

Desculpa a demora para responder, tive alguns problemas no meu email.

Abraços e bons estudos.