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

Problemas de Execução no Firefox (Utilizando Babel)

Referente ao curso JavaScript: salvando dados localmente com IndexedDB, no capítulo Tornando nosso código ainda mais compatível usando Babel e atividade Executando o Babel

por Adriano Valério Santos da Silva
| 328.2k xp | 99 posts
Analista Desenvolvedor

Flávio, boa tarde!

Estava desenvolvendo até então o fonte com ES6, onde a partir desse módulo passamos a utilizar Babel para funcionamento em navegadores que ainda não estão atualizados por completo com tal codificação.

Contudo, ao utilizar babel e na tentativa de executar o Projeto no Chrome apresentam erros de comunicação com o IndexedDB, assim como outros métodos (inclusão, importação)...

Testei no Chrome e, utilizando Bebel, funcionou normalmente.

Em resumo: o Firefox está aceitando normalmente o código fonte sem o uso de Babel. Mas quando aplico o mesmo, partes do meu código são quebrados. Isso então significa que navegadores que já funcionam bem com o ES6 não executam corretamente mesmo ES5?

Fiquei apenas com essa dúvida, mas segui os procedimentos certinho e tudo mais.

Um abraço.

5 respostas
por Mario Souto
| 377.3k xp | 735 posts
Alura Scuba Team Instrutor e Desenvolvedor

Fala Adriano Valério, tudo bom? Qual erro aparece no firefox? poderia compartilhar seu código no github? \o

por Adriano Valério Santos da Silva
| 328.2k xp | 99 posts
Analista Desenvolvedor

Bom dia Mario, desculpe a demora em responder.

Vamos lá:

Seguindo todos os passos do curso, antes de trabalhar com Babel no Firefox estava tudo funcional... no Chrome também.

Após a aplicação de Babel, no Firefox ao carregar a Página de Negociações já apresenta um erro de importação.

Mas logo em seguida, faz o carregamento normal. Quando tento adicionar uma nova negociação (no caso para o IndexedDB) ele apresenta um novo erro, não deixando salvar.

Verificando a fundo, percebi que a store de negociações não estava mais no Firefox...

Tentei criar novamente, mas não estou conseguindo.

Obs.: no Chrome funciona normalmente todos os procedimentos. Apenas começou isso no Firefox, após o uso de Babel.

Abaixo, erro gerado no Console do Firefox:

DOMException
code: 8
columnNumber: 0
data: null
filename: "http://localhost:3000/js/app/dao/NegociacaoDao.js"
lineNumber: 69
message: "The operation failed because the requested database object could not be found. For example, an object store did not exist but was being opened."
name: "NotFoundError"
result: 2154168323
stack: "listaTodos/<@http://localhost:3000/js/app/dao/NegociacaoDao.js:69:42\nlistaTodos@http://localhost:3000/js/app/dao/NegociacaoDao.js:68:32\nlista/<@http://localhost:3000/js/app/services/NegociacaoService.js:121:36\n"
__proto__: DOMExceptionPrototype { name: Getter, message: Getter, INDEX_SIZE_ERR: 1, … }

Abraços.

por Adriano Valério Santos da Silva
| 328.2k xp | 99 posts
Analista Desenvolvedor

Realmente é a questão da Store mesmo que não está mais presente no Firefox. Contudo, tentei de N maneiras adicionar uma nova Store (inclusive diretamente pelo Console do Firefox) mas não estou tendo sucesso.

solução!
por Mario Souto
| 377.3k xp | 735 posts
Alura Scuba Team Instrutor e Desenvolvedor

Adriano, sem o código ainda fica meio dificil para conseguir testar, achei um pessoal que talvez tenha sido um problema como o seu, vê se ti ajuda de alguma forma:

https://github.com/dfahlander/Dexie.js/issues/101

por Adriano Valério Santos da Silva
| 328.2k xp | 99 posts
Analista Desenvolvedor

Problema resolvido seguindo as orientações do Git Hub - enviado pelo Mário.

Muito obrigado, Abs.