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,299
perguntas
0
votos
0
respostas
2
visitas
Como juntar itens da mesma categoria em uma única lista
Estou criando um aplicativo com Ionic 6 para fazer a lista de mercado, e gostaria de categorizar os itens para juntar todos no mesmo card quando houver algum item da mesma categoria que ele já ...
0
votos
0
respostas
15
visitas
Erro na tipagem do "value" ao usar "AuthContext" com Typescript
Problema no value do AuthContext.Provider:
O tipo '{ signUp: ({ email, password }: PropsAuth) =>
Promise; }' não pode ser atribuído ao tipo
'string'.ts(2322) index.d.ts(329, 9): O tipo esperado ...
-1
votos
0
respostas
10
visitas
Como fazer uma sequência numérica usando v-for ou js
estou desenvolvendo uma aplicação usando Vue e agora estou exibindo as interações do usuário na tela e me foi pedido que exibisse a ordem das interações tipo ("1° interação, 2° interação e etc&...
-1
votos
0
respostas
5
visitas
Npm ERR! code Eintegrity
Err Eintegriy
Sou iniciante e faz tempo que estou tentando instalar libs no meu pc e sempre dá esse erro, já tentei várias soluções como limpar o cache, reinstalar o node/npm e até formatei o pc e ...
-2
votos
0
respostas
12
visitas
Type 'SubStep[] | undefined' must have a '[Symbol.iterator]()' method that returns an iterator
Estou tentando trabalhar com alguns objetos, porém, ao tentar acessar as propriedades para completar a lógica, meu objetivo é acessar essas propriedades mas o tipo não é aceito.
export interface Step {...
-1
votos
1
resposta
15
visitas
Duvidas com REACTJS CreateContext
main.tsx:
import React from 'react'
import ReactDOM from 'react-dom/client'
import { Home } from './pages/home'
import { AppContextProvider } from './pages/home/context/TextContext'
import './index....
-1
votos
1
resposta
27
visitas
Não estou entendendo a sintaxe dessa linha de código de uma função:
const handleRemoveFromCart = (id: number) => {
setCartItems(prev =>
prev.reduce((ack, item) => {
if (item.id === id) {
if (item.amount === 1) return ack;
...
-1
votos
0
respostas
8
visitas
C# ASP.NET Core Cannot bind to a model of type 'Microsoft.AspNetCore.Http.FormCollection'
Tenho um endpoint com parâmetro no body sendo um IFormCollection, quando rodo o gerador de typeScript pra atualizar no Angular, ele não reconhece o IFormCollection, mas reconhece quando deixo como ...
-2
votos
0
respostas
18
visitas
Erro ao utilizar função JSON.parse() em TypeScript
Preciso converter um JSON para string, e estou tentando da seguinte maneira.
JSON.parse(sessionStorage.getItem('user'))
porém, no parentese (sessionStorage.getItem('user')), apresenta o seguinte ...
0
votos
1
resposta
19
visitas
Como faço para passar um dado de uma variável de um arquivo react para outro?
Tenho um projeto React com dois arquivos em .tsx, em um deles o usuário digita os dados de entrada (string):
export let pvk: string;
export let pbk: string;
export let token: string;
function ...
-2
votos
0
respostas
14
visitas
return está dando erro, o que fazer? [fechada]
interface ValorInput{
label?: string;
htmlFor?: string;
type: string;
id?: string;
value: string;
placeholder?: string;
onChange: (newValue: string) => void;
}
export ...
0
votos
0
respostas
15
visitas
Como inferir uma propriedade estática de uma classe a partir de um decorator em Typescript
Estou construindo um decorator conforme o exemplo abaixo:
export function FullTextFields<T = {}>(
fullTextFields: Partial<Array<string & keyof T>>
): ClassDecorator {
return ...
-1
votos
0
respostas
9
visitas
ler dados via console usando typescript
estou usando o NODE.JS + typescript... usando o console do VSCODE para a interação do usuário, existe alguma forma de ler os dados que o usuário interage no Console?
-2
votos
0
respostas
18
visitas
como mostrar apenas um elemento de uma lista de objetos no angular?
Estou percorrendo uma lista de usuarios para mostrar seus dados no html.
Na minha ultima linha, onde faço "{{ usuario.cartao | json }}" Trago uma lista de objetos que contém o cartão(ou ...
-1
votos
1
resposta
18
visitas
Usar o checkbox para desabilitar inputs com Angular
Sou iniciante na programação e estou querendo entender como faço para desabilitar por exemplo 3 input utilizando o checkbox.
meu checkbox está ssim:
<!--Checkbox-->
<div>
<input type=...
-2
votos
0
respostas
5
visitas
Estou recebendo um erro informando que minha Propriedade "'data' does not exist on type 'void'."
Familia, sou novo com TypeScript, estou aprendendo na prática pois não trabalho na area ainda e não tenho como compra rum curso especifico. Acredito que esse erro seja relacionado a alguma tipagem que ...
-2
votos
0
respostas
25
visitas
Preciso remover a primeira linha do CSV
Estou fazendo uma API que cadastra um CSV em uma database, porém preciso remover o cabeçalho do CSV antes, transformei em JSON para facilitar, mas não sei como remove, acredito que de para manipular.
...
-1
votos
0
respostas
16
visitas
Função alterar do CRUD [fechada]
O codigo para alterar um dado só bate no console do meu controle e dps dá erro, o codigo do meu controlle:
class UpdateVendedorController{
async handle(req:Request, res:Response){
console....
-4
votos
1
resposta
22
visitas
Meu middleware em node não esta funcionado
import express, { NextFunction, Request, Response } from "express";
import { router } from "../router";
import cors from 'cors';
export class App{
public server: express....
-1
votos
0
respostas
32
visitas
Node e TypeScript: "Esta condição sempre retornará verdadeira, uma vez que esta 'Promessa<any>' é sempre definida."
saudações!
Busquei amplamente por essa exceção, gerada pelo TypeScript, aqui no SOpt. Para entendê-la melhor, busquei ainda em outras linguagens, mas para node/typescript, sem sucesso. Pra ajudar a ...
0
votos
0
respostas
28
visitas
Erro com tipagem de variáveis Typescript, Angular
Estou enfrentando esse erro ao tentar atribuir os valores dentro do objeto. A função a seguir, é pra inserir valores no banco de dados, porém ao tentar atribuir os valores no objeto, aparece o ...
2
votos
2
respostas
56
visitas
Como reutilizar uma interface, porém com as propriedades opcionais?
Eu possuo a seguinte interface:
interface User {
id: string;
username: string;
password: string;
accountId: string
}
}
Eu preciso reutilizá-la, porém com as propriedades sendo ...
-1
votos
0
respostas
24
visitas
Responsividade Component Typescript
ContainerForm é um componente que criei no react com typescript gostaria de deixa-lo responsivo mais ou meno com a linha abaixo:
<ContainerForm justifyContent xs='flex-start' md='center'>
esse ...
-1
votos
0
respostas
10
visitas
Estou fazendo uma Query do GraphQL + Apollo, mas está retornando undefined
Está retornando undefined ou null, não consegui mais receber o JSON do Hygraph. Isso foi depois que tentei implementar o getServerSideProps :/
Documentação do Componente:
Este componente é responsável ...
0
votos
1
resposta
22
visitas
Como realizar update em many to many relation usando o connect do prisma?
Possuo uma implicit many to many relation com os models:
model User {
id Int @id @default(autoincrement())
username String @unique
password String
rooms ...
0
votos
0
respostas
31
visitas
como exportar dados de uma tabela para excel com angular mat-table
Estou desenvolvendo 2 botões com angular em uma pagina de cadastro/lista de clientes, recebi uma task para adicionar uma ação a esses botões, um para upload de arquivos .xlsx, e outra para download em ...
0
votos
1
resposta
24
visitas
Validações de inputs ou select de forma condicional em um array
TECHS: Vue.js 3 com TS, Quasar
REPO NO GITHUB: Clique aqui
NOME DOS ARQUIVOS EM QUE ESTÁ A MINHA DÚVIDA: tables.vue e tables.ts, O link é esse
O QUE EU QUERO QUE O MEU CÓDIGO FAÇA: Quero que os meu ...
0
votos
0
respostas
14
visitas
Como adicionar condição de carregamento em relação Many-To-Many no TypeORM?
Imagine a seguinte estrutura no Typescript:
enum EmployeeType {
manager,
seller,
attendant
}
export class Assignment {
@Column(...)
employeeType: EmployeeType;
@ManyToOne(...)
...
0
votos
0
respostas
18
visitas
Como alterar o JSON para trazer um valor mesmo que zerado no BD
Tenho um BD com uma tabela de setores, uma de tópicos e outra com os valores. A de setor tem relacionamento com mais de um tópico, e o tópico tem relacionamento com um valor.
Tenho um service que vai ...
-1
votos
0
respostas
14
visitas
Delete com angular - como resolver este erro?
livro.service.ts
deleteLivro(id:string, Livro:LivroCriar): Observable<LivroDelete>{
const _url=`${this.url}`;
return this.http.delete<LivroDelete>(this.url, Livro);
}
}
Está me ...
0
votos
0
respostas
38
visitas
Porque a resposta do delete está vindo vazio? - CRUD Angular
A função funciona deletando pelo um id informado, porém o livro não é deletado do banco de dados. Acabei fazendo uns testes e a resposta da função delete está vindo vazia
Após acionar a função de ...
0
votos
1
resposta
58
visitas
Classe não injeta na outra (Injeção de Dependência)
Estou aprendendo sobre injeção de dependência desenvolvendo uma API, mas estou com um problema que não consigo arrumar.
Basicamente o problema é que uma classe injeta normalmente em uma, mas por algum ...
-2
votos
1
resposta
26
visitas
Fazer string JSON de métodos voltarem a funcionar depois de serem convertidos novamente em objeto
No escopo da classe tenho uma coleção com 2 métodos que acionam outros métodos dentro da mesma classe, que são executados na view através do clique do botão, porém eu preciso guardar essa coleção em ...
0
votos
0
respostas
43
visitas
Como evitar que o calendário (p-calendar PrimeNG) feche quando selecionar a data?
Eu estou trabalhando em uma melhoria, pois esse calendário não "espera o usuário terminar de selecionar as informações" para poder carregar os dados do filtro desejado, por exemplo, se eu ...
0
votos
0
respostas
29
visitas
Botão "Carregar mais" dados da Mat-Table (Angular)
Boa tarde, pessoal tudo bem?
Na imagem abaixo de uma tabela, estou utilizando a mat-table do Angular. Gostaria de exibir a visualização dele padrão com 15 itens e o botão "Carregar mais", ...
-1
votos
1
resposta
30
visitas
Problema com subscribe em Angular
À uns dias atrás eu fiz aqui uma pergunta por causa da tipagem e agora sei que nas versões mais recentes do Angular, a checagem de tipos ficou ainda mais estrita. Mas no código abaixo que serve para ...
3
votos
1
resposta
40
visitas
Construtor não é iniciado junto com componente no Angular
Quando eu crio componentes no VS Code, no arquivo Ts, não é criado o construtor e nem o OnInit por padrão! Não que atrapalhe, já que eu os crio manualmente, mas é um saco!
Alguém saberia me explicar o ...
0
votos
1
resposta
39
visitas
Problemas com tipagem no angular
Eu criei um novo projeto no angular depois de algum tempo e com o projeto limpo eu tentei criar uma variável mas percebi que a tipagem está diferente pois nos meus antigos projetos não dava erro. Não ...
0
votos
0
respostas
16
visitas
Erro de importação de modulo no Reactjs V18.2.0
Estou refatorando o meu projeto e ao renomear uma pasta de 'Pages' para 'pages', minhas paginas estão dando erro no import gerando essa mensagem:
erro import
Tem algum lugar que eu consigo "...
0
votos
0
respostas
31
visitas
Como faço para expor o header 'Authorization' para usar no Angular?
Pesquisei de diversas formas na Internet para achar um jeito, porque, como podem ver na imagem: anexo, só me aparecem esses quatro headers nos quais eu posso fazer a minha intenção inicial, que seria, ...
-1
votos
1
resposta
24
visitas
capturar valores textinput para realizar as operações
Olá sou iniciante em React Native e estou com um projeto simples, necessito pegar os valores digitados pelo usuário, mandar para um aruivo de controle e realizar o calculo de preço mas travei ao pegar ...
-2
votos
1
resposta
42
visitas
Regex substituindo o valor dos grupos nomeados
Eu tenho um regex cuja intenção é obter chave e valor de uma lista:
const declarador = "(?<var>[a-z]+)=(?<val>[a-z]+)";
const regex = new Regex(`${declarador}(?:,${declarador})*`)...
1
voto
1
resposta
57
visitas
Como Reutilizar um component com outro css - Styled Components
Seguinte, juro que testei vários métodos mas não obtive sucesso. Tenho esse componente de Button que está na cor verde, e gostaria que sempre que eu reutilizar ele eu possa trocar o Background para ...
1
voto
0
respostas
42
visitas
Ocultar menu com base em token - angular
Tenho uma aplicação em Angular, puxando autenticação de usuarios por token.
Tenho 3 Menus laterais - Home, Reports e Administration; e 5 Tipos de usuários - root, security, manager, controllership e ...
-2
votos
1
resposta
68
visitas
Erro muito estranho ao fazer queries com o pg no typescript
Eu estou fazendo um projeto de api muito simples com typescript sem nenhum ORM, fazendo as queries na raça mesmo só com o módulo de integração do postgres com typescrit mesmo. O que acontece é que as ...
-2
votos
1
resposta
30
visitas
Erro ao criar lista com NgFor em angular
Fala pessoal ,tudo bem ?
Estou com problema ao usar o *Ngfor no angular para criar uma lista de card em um componente externo , eu busquei em alguns blogs e até mesmo no stackoverglow sobre mas não ...
0
votos
0
respostas
17
visitas
Como chamar varias funções seguidas que esta localizada dentro de uma?
Existe alguma forma de chamar as funções que está dentro de uma, varias vezes, para não precisar declara varias vezes a principal?
Exemplo:
function fetch(){
return {toString, exist_a, exist_b}
...
-3
votos
1
resposta
33
visitas
Estou com esse erro e nao sei como resolver, meu angular é v.14 [fechada]
img de exemplo:
inserir a descrição da imagem aqui
0
votos
0
respostas
32
visitas
Como enviar valores do componente filho para o pai e somar o resultado
Oii, pessoal! Estou usando useFieldArray do react-hook-form para replicar meu componente requisitos, mas preciso obter o valor de retorno da função requirementValueCalc e passá-lo para meu componente ...
3
votos
1
resposta
60
visitas
Mudar o estado pelo "current" ou pelo próprio valor do estado? Faz alguma diferença?
Aprendi a alterar dessas duas formas:
const [switch, setSwitch] = useState(false);
setSwitch(!switch); // 1
setSwitch(currentState => !currentState); // 2
Há alguma ...