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

Erro no device porém no código não apresenta erro

Boa tarde, tive alguns problemas com import de imagem do assets, pois dizia que não estava sendo encontrada mesmo estando no projeto. Porém adicionei o arquivo custom.d.ts e após isso adicionei o custom.d.ts no include do tsconfig.json, após isso os imports não estavam mais dando erro. Porém logo após isso na tela do device ficou com o erro do import, mesmo no código não conter mais erros. Já mudei o device pra ver se era algo relacionado ao state dele, porém não funcionou.

custom.d.ts

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

tsconfig.json

Insira aqui a descrição dessa imagem para ajudar na acessibilidadePRINT DE TODA A TELA:

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

3 respostas
solução!

Olá, Pedro Lucas! Tudo bem?

Fico feliz em poder ajudar com o seu problema relacionado ao erro no dispositivo mesmo sem erros aparentes no código. Entendo como isso pode ser frustrante, mas vamos trabalhar juntos para encontrar uma solução.

Pesquisando por aqui encontrei algumas soluções que podem funcionar, vamos testar fazer o seguinte:

dentro da pasta src crie uma pasta com o nome @types, e dentro do @types crie um arquivo img.d.ts

dentro do arquivo img.d.ts coloque o seguinte código(src/@types/img.d.ts): Arquivo img.d.ts

declare module "*.png"
declare module "*.jpg"
declare module "*.jpeg"

Dentro do seu arquivo tsconfig.json tente aplicar a seguinte alteração: Arquivo tsconfig.json

 "include": ["./src/@types/img.d.ts"]

Caso não funcione esse ultimo passo, tente alterar esse aquivo novamente e adicione no arquivo tsconfig.json o seguinte comando:

{
    "compilerOptions": {
        "typeRoots" : ["node_modules/@types", "src/types"]
    }
}

Além disso é sempre bom olhar esses pontos gerais para solucionar problemas em projetos React Native:

Verifique se todas as dependências estão instaladas corretamente, executando o comando de instalação (normalmente npm install ou yarn install) e verificando possíveis erros durante o processo.

Verifique se todas as bibliotecas externas estão atualizadas para as versões mais recentes compatíveis com a sua versão do React Native. Isso pode evitar conflitos e erros inesperados.

Verifique a sintaxe e a lógica do seu código. Procure por erros de digitação, nomes de variáveis incorretos, parênteses ausentes, entre outros possíveis problemas. Às vezes, um pequeno erro pode causar grandes problemas.

Eu espero que tenha ajudado e qualquer coisa estou por aqui! Abraço e bons estudos!

Opa André, boa tarde! Exclui o custom.d.ts e troquei pela pasta @types com o arq img.d.ts como foi falado e adicionei o caminho do @types no tsconfig e deu certo!! Muito obrigado!

Poderia me explicar o que são estes arquivos".d.ts" ?

Fala, Pedro!

Fico feliz que tenha funcionado a dica, os arquivos ".d.ts", são chamados de Declaração de Tipos, e eles contêm informações sobre a estrutura e tipos de dados de bibliotecas externas ou de módulos que não possuem tipos definidos. Em outras palavras, eles são usados para fornecer informações de tipo para o compilador TypeScript quando você está trabalhando com código que não possui informações de tipo nativamente.

Bons estudos e quaquer coisa estamos por aqui!