[Bug] Erro na edição após implementar async/await | JS na web: CRUD com JavaScript assíncrono

Cannot stringify setting with name: preferred-network-condition, error: Unable to locate 'Fast 3G' in UIStrings object

import { clienteService } from "../services/cliente-servicos.js"


(async()=>{
   const pegaURL = new URL(window.location)

   const id = pegaURL.searchParams.get('id')


   const inputNome = document.querySelector('[data-nome]')
   const inputEmail = document.querySelector('[data-email]')

   try{
       const dados = await clienteService.detalhaCliente(id)
           inputNome.value = dados.nome
           inputEmail.value = dados.email
   }
   catch(erro){
       console.log(erro)
       window.location.href = '../telas/erro.html'
   }
   const formulario = document.querySelector('[data-form]')

   formulario.addEventListener('submit', async (evento)=> {
       evento.preventDefault()
       try{
           await clienteService.atualizaCliente(id, inputNome.value, inputEmail.value)
           window.location.href = "../telas/edicao_concluida.html"
       }
       catch(erro){
           console.log(erro)
           window.location.href = '../telas/erro.html'
       }
   })

})()

Obs: o nome do arquivo no import está correto, foi desta forma que salvei.

Oi, Luana! Como vai?

O erro que você mencionou, "Cannot stringify setting with name: preferred-network-condition, error: Unable to locate 'Fast 3G' in UIStrings object", parece estar mais relacionado a uma configuração ou extensão do navegador, especialmente se você estiver usando ferramentas de desenvolvimento como o Lighthouse no Chrome.

No entanto, focando no seu código, vou deixar algumas dicas que podem ajudar a resolver problemas comuns ao trabalhar com async/await:

Verifique a Importação: Certifique-se de que o clienteService está sendo importado corretamente e que todas as funções que ele exporta estão funcionando como esperado. Teste cada função individualmente para garantir que elas retornem os dados corretos.
Tratamento de Erros: Você já está usando try/catch, o que é ótimo. Certifique-se de que as funções detalhaCliente e atualizaCliente dentro do clienteService estão lançando erros corretamente quando algo dá errado. Isso pode ajudar a identificar problemas específicos.
Verifique o Retorno das Funções: As funções assíncronas devem retornar uma promessa. Verifique se detalhaCliente e atualizaCliente estão retornando resposta.json() corretamente e se estão lidando com possíveis erros de rede ou servidor com throw new Error.
Console e Debugging: Use console.log para verificar os valores retornados por detalhaCliente e atualizaCliente. Isso pode ajudar a identificar se o problema está nos dados que você está recebendo ou enviando.
Configurações do Navegador: Se o erro persistir, tente desativar extensões do navegador ou redefinir as configurações para ver se isso resolve o problema.
Também seria interessante dar uma olhada no código completo para ver como está o processo de requisição. Se puder, coloque no GitHub para que eu possa acessar o código e ajudar de forma mais eficaz.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado