Perguntas com a tag [typescript]
TypeScript é um super superconjunto de JavaScript criado pela Microsoft que adiciona tipos de opcionais, classes, interfaces e módulos e compila para JavaScript puro.
1,290
perguntas
0
votos
0
respostas
44
visitas
input type="datetime-local" em uma mat-table - Angular
Estou usando um input type="datetime-local" dentro de uma mat-table em Angular. Porém os inputs não estão sendo populados conforme esperado. Quando tenho apenas um registro na tabela, está ...
0
votos
0
respostas
12
visitas
Como faço para o conteúdo a baixo do botão validar e gerar qr code, ao clicar no botão ele fique visivel e o botão seja ocultado?
Tenho um modal onde tem o botão, QR Code e um title e sub-title em baixo do QR code, eu quero que fique visível só o botão e quando clicar no botão, o botão fica oculto e que só aparece o QR code com ...
1
voto
1
resposta
111
visitas
Android build falhou com eas
quando eu executo o comando eas build --platform android eu vejo esse erro:
✖ Build failed
🤖 Android build failed: Gradle build failed with unknown error. See
logs for the "Run gradlew" ...
-1
votos
1
resposta
46
visitas
Como juntar vários Arrays?
Tenho um array que segue a seguinte estrutura:
[
{
title: "titulo 1",
data: [{...}, {...}]
},
{
title: "titulo 2",
data: [{...}, {...}]
},
{
title: &...
-2
votos
1
resposta
25
visitas
Inserir dados dentro de objetos nas colunas em um DataGrid do Material UI
Bom dia!
Como insiro dados em minhas columns fields que estejam dentro de objetos?
Ex:
"cliente": {
"nome": "NOME DO CLIENTE"
},
"entregador": {
"nome&...
-3
votos
1
resposta
36
visitas
Ignorar acentos na busca "filtro" Angular
Na (imagem 1) preciso criar uma categoria, só que eu não posso criar uma que já existe (imagem 2). Porém como posso fazer para ignorar os acentos? Porque na (imagem 3) já é possivel criar uma ...
0
votos
0
respostas
102
visitas
Como criar um botão Editar Typescript
Estou começando na programação e estou com dificuldades em fazer um botão editar, no caso quero que ele seja pressionado e me possibilite alterar a tarefa e depois salvar.
\App.tsx
import {...
0
votos
0
respostas
36
visitas
Usar o .innerHTML no Reactjs TypeScript Possivelmente, o objeto é 'nulo'.ts(2531)
Estou fazendo essa aplicação que recebe um Json de uma API. Preciso enviar os dados dessa resposta para um component que mostrará os dados formatados.
Como os dados só aparecem após a requisição, ...
-1
votos
1
resposta
161
visitas
Usar script JavaScript em um component um ReactJS
Estou fazendo uma aplicação web em react.js e estou precisando rodar um script em js que faz uma busca filtrando automaticamente.
A searchbox é um component do react e preciso rodar um js externo pra ...
0
votos
1
resposta
43
visitas
Use state retorna undefined
não entendo por que meu state não tras nada no params, mas funciona no console.log
useEffect(() => {
async function loadProducts() {
const response = await api.get('/product/category', {...
0
votos
1
resposta
46
visitas
Como passar mais de um filho para componente pai no React Native
No meu App desenvolvido com React Native usando TypeScript, tenho um componente de função que gostaria que recebesse 2 filhos, mas gostaria de escolher onde eles vão aparecer no componente pai. Por ...
0
votos
0
respostas
84
visitas
React navigation bottom tabs só em uma tela especifica
Preciso usar o bottom tabs do react-navigation, somente em uma tela especifica que não é a principal(Home), só que o bottom tabs está sendo aplicado na Home também:
app.stack.routes.tsx
import React ...
0
votos
1
resposta
52
visitas
Para que serve o AuthContext.Provider?
Me deparei com a seguinte linha de código e estou querendo saber o que o AuthContext.Provider faz com esses values o children
<AuthContext.Provider value={{ signIn, user, logOut, techs, setTechs }}...
0
votos
0
respostas
19
visitas
Porque criar mocks ao invés de testar a implementação diretamente?
Estou trabalhando com clean architecture e estou testando minha classe de controller.
Esta classe possui um construtor 'EmailValidator'.
No meu factory eu realmente faço a injeção de dependência no ...
-1
votos
1
resposta
43
visitas
Consultar um retorno JSON de uma API via POST em ANGULAR
Olá, tenho uma aplicação que preciso receber um JSON e popular meus campos de input, após realizar um Post de cpf/cnpj. No caso em questão é a API da SEPRO, onde faço a consulta de cpf/cnpj e ele me ...
0
votos
0
respostas
27
visitas
Pegar valor da tabela em um componente Angular
Estou trabalhando em uma tabela utilizando a biblioteca ng2-smart-table e estou com uma dificuldade em passar para um componente customizado os valores inseridos na linha de edição:
Veja o código ...
3
votos
1
resposta
219
visitas
Mat-tab: ativar outra tab ao clicar em botão
Estou iniciando em Angular e tenho ainda dúvidas em relação a interação entre componentes. No meu caso em específico não sei como fazer, e se tem como.
<mat-tab-group>
<...
-3
votos
1
resposta
199
visitas
Como tipar corretamente uma interface para utilizar no mongoose com typescript
Boa tarde, estou com um pequeno problema que me tira o sono a um tempo, resolvi parcialmente mas não sei se é a melhor forma de fazê-lo, por isso se alguém já passou por isso e puder me ajudar serei ...
0
votos
0
respostas
24
visitas
Script externo angular é carregado apenas na primeira abertura da página
Estou carregando um script externo em um projeto em angular, através do arquivo angular.json
"scripts": [
"src/assets/js/mask.js"
],
É um script para aplicar máscaras em ...
0
votos
0
respostas
70
visitas
*ngFor quebra o HTML apesar da API estar retornando
O Html quebra se eu utilizar o ngForm desse array de Produto, não consegui entender o porque e não aprsenta nenhum erro no console.
O *ngFor funciona nesse mesmo html e component utilizando um array ...
0
votos
1
resposta
35
visitas
Problema ao exibir informações em uma tabela com Angular
Estou criando uma tabela com mat-table do angular, mais ao exibir as linhas nenhuma informação aparece.
HTML:
<div>
<mat-table [dataSource]="Contatos">
<ng-...
-2
votos
1
resposta
48
visitas
Pesquisar numa lista(API) e verificar se ele existe ou não um determinado valor digitado usando httpclient do angular
Tenho uma API pequena que me fornece 3 campos:
{
"codproc":"197100202",
"codassunto":"PE01005",
"detalhe":"LICENCA PARA TRATAMENTO DE ...
-3
votos
1
resposta
135
visitas
Como fazer um cálculo em uma tabela ng2-smart-table
Estou tentando fazer um calculo entre dois campos e quero mostrar o resultado em outro ao adicionar um novo item em uma tabale ng2-smart-table.
Veja como estou fazendo:
import { Observable } from '...
0
votos
0
respostas
32
visitas
Percorrer array verificando props existentes e retornar um novo array, com um objeto para cada prop existente [duplicada]
Possuo um array de objetos em que cada objeto é uma transação com quantia, data e tipo:
Array [
Object {
"amount": 2000,
"date": "August 2022",
"...
1
voto
1
resposta
103
visitas
Como configurar um projeto recém criado para não criar mais os arquivos spec.ts no angular 12
Minha pergunta é sobre angular Já temos uma projeto em Angular12 rotando e temos somente q dar manutenção e criar novos compoments de algumas paginas adcionadas, mas foi decidido agora que não ...
-4
votos
1
resposta
341
visitas
Como passo um array de objetos por props? [fechada]
import React from 'react';
import Usuarios from './component/Usuarios'
let usuarios :{
name: string;
id: string;
}[];
usuarios = [
{name:"Usuario 01", id:"01"},
{name:&...
1
voto
1
resposta
151
visitas
Como tipar corretamente o resultado de um findOne usando typescript, sequelize e mysql?
Atualmente faço a seguinte pesquisa
const user: any = await UserModel.findOne({
where: {
email: email,
},
});
Estou tipando com any porque preciso usar algumas colunas de tabela como user....
0
votos
0
respostas
223
visitas
Possivelmente, o objeto é 'nulo'.ts(2532) - React Native
Quando vou chamar a função takePictureAsync acusa um erro dizendo que camRef.current. é Possivelmente, o objeto é 'nulo'., já tentei várias coisas para resolver esse erro mas nenhuma funciona, ...
1
voto
2
respostas
120
visitas
Angular8 - R3InjectorError - componente não aparece na página
Sou iniciante em Angular e TypeScript e estou tentando aproveitar um componente já existente. Porém, quando chamo o componente, ele não é exibido e o seguinte erro ocorre no console.
> ERROR Error: ...
-4
votos
2
respostas
173
visitas
Quais as diferenças entre modificadores public, private, protected e abstract no Typescript?
Quais as diferenças entre eles? Tem alguma regra de herança/polimorfismo relevante para cada um desses modificadores?
-2
votos
1
resposta
41
visitas
Como escutar mudanças reativas em dois controles de formulário ao mesmo tempo no angular
Estou com um pequeno problema no angular.
Ao digitar em um campo de formulário, eu estou inserindo mudanças em outro campo. Porém quando tendo usar em dois formulários ao mesmo tempo o console mostra ...
-1
votos
1
resposta
331
visitas
Passar objeto como parâmetro no onClick em Typescript
Estou com uma dificuldade e gostaria de pedir ajuda de vocês, estou tentando passar um objeto (botão) como parâmetro para uma função no React usando typescript e estou recebendo um erro.
<button id=...
0
votos
0
respostas
19
visitas
type Void[] useEffect error Typescript
bom dia!
Recentemente comprei um curso de Typecrypt porem ele está meio destualizado, cheguei em uma parte onde estou tendo alguns probelmas.
O meu useEffect está me gerando problemas
response()
/**...
0
votos
1
resposta
67
visitas
Variáveis e o *ngFor não funcionam no Html - Angular
Pessoal quando quero usar o *ngFor="let animal of produtos">
no html no meu projeto angular não funciona não da para usar e as variáveis dentro do {{}} também não funcionam !
CÓDIGO HTML
&...
-2
votos
3
respostas
85
visitas
React UseEffect lista assíncrona não renderiza
Estou com problema de uma lista assíncrona não aparecer quando o componente é iniciado. Essa lista não aparece mesmo eu dando refresh no navegador, mas se eu der um CRTL + S no meu código (pro react ...
0
votos
0
respostas
9
visitas
Inclusão de um novo campo no subdocument do Typegoose
Como faço para incluir um campo a mais no subdocument da classe User?
class Car {
@prop()
public model?: string;
}
class User {
@prop()
public name?: string;
@prop({ required: true })
...
0
votos
0
respostas
22
visitas
Carregamento duplicado do modulo ao dar reload na pagina, chama o modulo 2 vezes
tsconfig.app.json
{
"extends": "./tsconfig.base.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
"types": []
},
"...
-2
votos
1
resposta
323
visitas
Como converter um buffer em um tipo imagem usando react e typescript
Estou com problemas ao mostrar uma imagem trazida do banco de dados.
-> Primeiro vou mostrar como essa imagem está sendo armazenada:
Aqui eu faço a importação e envio dela pro backend
import ...
-1
votos
1
resposta
170
visitas
Warning em aplicação ReactJS com Vite e TypeScript
Boa tarde estou desenvolvendo um site em ReactJS para aprendizado na tecnologia, e estou recebendo um warning no meu terminal com a seguinte mensagem:
[vite] warning: Top-level "this" will ...
-4
votos
1
resposta
52
visitas
Utilizar useHistory fora de um componente React
Boa noite. Preciso criar uma função que importe o useHistory e quando eu chamá-la dentro um componente, ela me permitirá usar o history.push. Mas não está sendo possível utilizar o useHistory fora de ...
0
votos
0
respostas
22
visitas
Alguém poderia me ajudar, tenho uma API, em nodejs, porém implementei view nela, o EJS, como realizo deploy, contendo o EJS, no build
Esta é minha linha de comando
"develop": "concurrently \"npx tsc ejs --watch\" \"nodemon -q dist/src/server.js\""**
Quando do rodo o comando yarn develop, da ...
0
votos
0
respostas
84
visitas
Como declarar um modulo .xlsx que o typescript entenda?
Adicionei nos assets um arquivo que será usado de modelo para ser baixado no HTML através da tag . Ao eu importar isso num arquivo JSX, ele retorna esse erro de typescript:
Cannot find module '@/...
1
voto
1
resposta
1mil
visitas
Property 'Authorization' does not exist on type 'HeadersDefaults'
estou tentando fazer uma Autorização de usuário utilizando Typescript e estou tendo esse erro "Property 'Authorization' does not exist on type 'HeadersDefaults" na seguinte parte do front:
...
-1
votos
1
resposta
80
visitas
Como linkar imagens em uma const para realizar a função .map() em react?
Estou tentando criar um array que contém os dados dos produtos que serão chamados na página através de uma função map().
Esse é o início da const, mostrando um exemplo de como eu atribuí a propriedade ...
0
votos
0
respostas
27
visitas
Requisitar um objeto especifico dentro de uma ARRAY(TS/FIREBASE/ANGULAR)
Estou tentando fazer um RBAC com o Angular + Firebase, cada role de usuario(ADMIN,USUARIO ou OPERADOR) vai ter acesso a um menu específico do NAVIGATION, mas não sei como requisitar o tipo de ROLE no ...
0
votos
0
respostas
29
visitas
Python DDD implementação de interfaces [duplicada]
Seguinte possuo uma dúvida, recentemente tenho estudado um pouco de DDD e achei sensacional, porém todo o código que escrevi foi em Typescript, e algo que me chamou muito a atenção foi o fato de ...
-1
votos
1
resposta
2mil
visitas
A opção '--resolveJsonModule' não pode ser especificada sem a estratégia de resolução de módulo de 'nó'.ts
Toda vez que aciono o comando npm run dev o Next.Js sobrescreve o tsconfig.json e coloca a opção "resolveJsonModule": true, só que aparece um erro insuportável no arquivo que nunca saiA ...
-1
votos
1
resposta
110
visitas
Como fazer validação de url da rota dinâmica usando useEffect no Next
Criei uma rota dinâmica mas preciso que aceite somente número, pois se trata de um id único do cliente. Exemplo: www.cadastro.com.br/cliente/123456
Se for digitado um valor diferente de número na url, ...
-2
votos
1
resposta
141
visitas
Erro ao enviar o e-mail com nodemailer: "code": "EAUTH", "command": "API"
Fala galera beleza? Estou com um erro ao tentar enviar e-mail com variável de ambiente, ao colocar a variável ela da o seguinte erro:
"code": "EAUTH",
"command": "...
0
votos
0
respostas
37
visitas
atualização do perfil de usuário / Angular-Firebase
ngOnInit(){
this.authService.usuario$.subscribe( user => {
this.initValuesForm(user);
console.log('user', user)
})
}
private initValuesForm(user: Usuario): void{
...