Вопросы с меткой [typescript]
TypeScript — язык программирования, являющийся надмножеством Javascript: компилируется в js и обратно совместим с ним.
1,866
вопросов
0
голосов
0
ответов
39
показов
Возможно ли избавиться от undefined в интерфейсе?
Пишу функцию которая переделывает массив в определенный вид. Выглядит следующим образом:
const createComboboxData = <
T extends any[] | readonly any[] | undefined,
V extends keyof T[number],
...
0
голосов
1
ответ
17
показов
Проблема с переходом между роутами (React)
Компонент Start отображается нормально, компонент About не весь, только некоторые элементы, компонент Page просто белый фон. Как сделать, чтобы отображалось нормально? До добавления компонеyта Page ...
0
голосов
0
ответов
11
показов
изменение прозрачности текста при нажатии на кнопку
Подскажите, пожалуйста, можно ли прозрачность так в функции прописывать?
<li class="cart_product" v-for="product in cartProducts" :key="product.id" :style="{ ...
0
голосов
0
ответов
32
показа
Проверить авторизацию перед загрузкой APP страницы. React net core
Подскажите идею или куда нужно двигаться, нужно что бы перед отрисовкой основной страницы происходила проверка авторизации и если не авторизован то переадресовывало на ADFS.
Рабочая авторизация в ...
0
голосов
0
ответов
14
показов
Тестирование gateway-микросервиса на NestJS
TypeScript . NestJS
Имеется микросервисный pet-проект сервера.
Я хочу проверить его работу, пропустив ряд e2e-тестов через его парадную: микросерсис-gateway.
Пользую supertest-библиотеку.
...
0
голосов
0
ответов
10
показов
Почему в useEffect есть currentUser, но в компоненте currentUser равен null? [закрыт]
Я новичек в react-native и zustand. У меня есть страница профиля пользователя, где я получаю данные о пользователе. Запрос работает, так как внутри использованияЭффект вся информация есть. Как ...
0
голосов
0
ответов
8
показов
Очистить State на nuxt3
в ./conposables/state.ts добавленна такая функция
export const datepicker = () => useState("datepicker",()=> (new Date()).toISOString().split('T')[0]);
Как эту штуку очищать? ...
0
голосов
0
ответов
14
показов
Добавить socket к готовому коду
помогите пожалуйста разобраться с сокетами и добавить сокеты к готовому коду на react typescript mobx и typescript express prisma.io
Для начала продемонстрирую код на backend:
import prisma from "...
0
голосов
1
ответ
20
показов
связать несколько разных inputs в angular
Есть массив значений колонок
columns= [
{ name: 'Name', filter: { type: 'text' }},
{ name: 'Age', filter: { type: 'text' }}
]
затем вывожу в html шаблоне следующее
<input *ngIf="columns....
0
голосов
0
ответов
7
показов
Ошибка seeder-а при создании сущности
При запуске nest-а seeder выдает ошибку:
Type '{ name: string; slug: string; description: string; price: number; images: string; category: { create: { name: string; slug: string; }; }; userId: number; ...
0
голосов
0
ответов
18
показов
Nuxt выдает ошибку пустой строки из JSON при сборке. Как исправить?
Пример моей страницы, где я в цикле вызываю json, который мне отдают иногда пустые строки, на это ругается Nuxt при сборке. Как это исправить?
Ошибка при сборке:
500 input must be a string (received ...
-2
голоса
0
ответов
27
показов
помогите пожалуйста с валидациями
проблема в том что я хочу чтобы:
пока человек на нажмет
на конкретный инпут и потом не перейдет на другое места до
тех пор не показывало ошибку, а сейчас она показывает
сразу все ошибки, и сразу при ...
0
голосов
0
ответов
14
показов
ошибка импорта в ReactTS + webpack
хочу собрать проект на ReactTS + webpack столкнулся с проблемой: установил все необходимые модули и нисмотря на это в файле index.tsx я сталкиваюсь с ошибками
{
"name": "my-webpack-...
0
голосов
0
ответов
17
показов
Бесконечный рендер в React
стек: React, supabase.
Когда прокидываю пропс фильтр, то другой компоненте useEffect уходит в луп. Не могу разобраться почему.
Может у кого-то есть какие-то решения или замечания?
Логика: Resource......
0
голосов
0
ответов
33
показа
Может ли TypeScript уточнять тип в соответствии с условием if...else?
Есть код, в котором при нажатии на название столбца, массив сортируется именно в соответствии со значениями этого столбца. В нем нужно типизировать аргументы функции для сортировки (в коде a и b).
if (...
0
голосов
1
ответ
15
показов
Как получить выделенный текст в quill editor
vue.js
<template>
...
<div class="quill-editor-area">
<quill-editor ref="editor" :toolbar="toolbarOptions" v-model:content="article.content"...
0
голосов
1
ответ
28
показов
Значения аргументов функции по умолчанию ts
есть функция:
interface FindOptions {
strict?: boolean;
description?: string;
type?: ProxyRequestBodyType;
timeout?: number;
}
findRequest(
foo,
options: FindOptions,
...
0
голосов
1
ответ
15
показов
Styled-components изменить цвет по клику на li
Имею вот такой компонент
const FooterLangLi = styled.li.attrs({
selected: true,
})<React.LiHTMLAttributes<HTMLLIElement>>`
font-family: var(--famyli);
font-size: 15px;
font-weight: ...
0
голосов
0
ответов
23
показа
Ошибка 400 при выполнении axios запроса
Есть функция, которая отправляет на сервер поля пользователя
const handleSubmit = async (event: React.MouseEvent<HTMLElement>) => {
event.preventDefault()
axios.post('http://localhost:...
0
голосов
0
ответов
20
показов
Фильтрация в таблице quasar vue
Всем привет, стоит такая задача, в таблицей под каждый элементом th необходимо сделать input который будет фильтровать. В колонке с числовыми значениями нужно добавить возможность фильтровать по ...
0
голосов
0
ответов
30
показов
Как перенаправлять файлы по папкам в typescript?
можно ли сделать так, чтобы файлы ts были, напр, в папке TS, а js файлы которые генерируются после запуска ts файлов, попадали в JS каталог?..
почитала документацию ts, ничего подобного не нашла
0
голосов
1
ответ
15
показов
Ошибка при сборке проекта. В типе "BrowserHistory" отсутствуют следующие свойства из типа "History": createURL, encodeLocationts(2739)
Возникла ошибка при сборки проекта c unstable_HistoryRouter,
хотя сам проект который находится у меня рабочий и запускается нормально.
Из за чего это может быть вообще не понимаю. Буду премного ...
1
голос
0
ответов
32
показа
Создание и совмещение регулярных выражений. Angular
У меня есть два регулярных выражения
readonly linkRegExp = /(?: |^)(https?\:\/\/[-+a-zA-ZА-Яа-я0-9/%=~_|$?!:,.()&@#]+)/g;
readonly hyperlinkRegExp = /\[(.+?)\]\((https?:\/\/[-+a-zA-ZА-Яа-я0-9/%=~_|...
1
голос
1
ответ
50
показов
Нет подсказок при использовании commonjs вместе с TypeScript-ом
Почему если использую commonjs в TypeScript нет подсказок IntelliSense, а если использую es6module, то тогда они есть. Где это можно изменить?
import fs from "fs";
const fss = require('fs')
2
голоса
1
ответ
95
показов
typescript не показывает ошибок в пропсах
Пишу приложение на Vite + Preact + Typescript + Eslint + Prettier
Проблема в том, что typescript не показывает ошибки когда я передаю незадекларированные пропсы.
Так же нет ошибок когда я НЕ передаю ...
0
голосов
1
ответ
32
показа
express получение запроса любого типа
Чтобы получить запрос с body: <json>, нужно использовать .use(express.json())
Для текста аналогично .use(express.text())
Для xml уже нужно подключать библиотеку express-xml-bodyparser, .use(...
0
голосов
1
ответ
29
показов
Leaflet React карта отображается кусками
Подскажите, что я делаю не так? Если раскоментировать стили то карта вообще перестает отображатся
import { MapContainer, TileLayer } from 'react-leaflet';
import { LatLngExpression } from 'leaflet';
/*...
0
голосов
2
ответа
33
показа
Объясните пожалуйста как работать с fetch
Я пытаюсь фетчить данные с сервера и передавать их через пропсы компонентам react. Однако fetch и result.json() возвращают промисы, а мои пропы принимают кастомные типы данных - объект с определенными ...
0
голосов
1
ответ
36
показов
Поиск часть объекта в объекте
есть два объекта:
const actual = {a: 'a', b: {c: 'c'}};
const expected = {c: 'c'};
Нужно вывести true/false, в зависимости, находится ли expected в actual объекте.
Вложенность может быть любая как ...
0
голосов
0
ответов
21
показ
Помогите понять как работает декоратор
Пример взят из официальной документации nest.
Как из запроса достается user и как здесь работает контекст?
Код:
import { createParamDecorator, ExecutionContext } from '@nestjs/common';
export const ...
0
голосов
0
ответов
16
показов
NextJS 13 не прогружаются стили not-found.tsx
Всем добрый день. У меня проблема. Делаю страницу 404 на NextJS, однако столкнулся с проблемой, что не грузятся стили. Я использую SCSS-модули и в других страницах всё работает.
TSX
import Link from '...
0
голосов
0
ответов
13
показов
При обновлении стейта вложенные чилдрены схлопываются
У меня есть список комментариев, полученный с сервера(массив объектов содержащих свойство parent:id родительского комментария). При помощи написанной в CommentsList функции nestComments я получаю ...
0
голосов
0
ответов
15
показов
Как изменить заголовок layout на разных страницах в Angular?
Я работаю над учебным приложением. Столкнулся с такой проблемой. У меня есть layout, который содержит заголовок h2, который хотелось бы изменить на других страницах. Подскажите, как это можно сделать?
...
0
голосов
0
ответов
47
показов
multer искажает русский язык
multer искажает русский язык на express typescript
Вот так русский язык отображается в базе данных, но проблема заключена в multer. Нужно сделать так, чтобы name (originalname) нормально отображал ...
0
голосов
1
ответ
21
показ
Как сделать так, чтобы данные в массиве не сбрасывались после каждого добавления файла
Данные в массиве сбрасываются после каждого добавления файла. Надо сделать так, чтобы к файлам в массиве добавлялся новый (добавленный) файл и все файлы после этого выводились на страницу.
Приложение ...
1
голос
0
ответов
27
показов
Ts ругается на RTK query и не предлагает автокомплит (phpStorm )
Начал изучать redux toolkit и столкнулся с проблемой, что phpStorm не предлагает автокомплит для хуков из RTK query (useSearchUsersQuery, например).
А еще он мне выдает ошибку, которая протеворечит ...
0
голосов
0
ответов
39
показов
Как одним HTTP запросом отправить данные пользователя и загрузить аватарку на сервер?
Создаю пользователя.
Отправляю данные о пользователе из формы, методом POST на сервер:
POST http://localhost:3344/api/users/register HTTP/1.1
Content-Type: application/json
{
"name": &...
0
голосов
1
ответ
25
показов
Как правильно сгенерировать ts/js классы на основе proto-файла?
Я пытаюсь сделать простой чат с помощью gRPC. В качестве клиента использую React-приложение.
У меня есть такой proto-файл:
syntax = "proto3";
package chat;
service Messaging {
rpc ...
0
голосов
0
ответов
24
показа
React используя useQuery не могу обновить сразу два запроса
У меня есть две константы, в которые сохраняются данные с сервера. При клике по одному элементу мне нужно обновить первый запрос, при клике по другому - второй.
Но метод refetch можно установить ...
1
голос
1
ответ
64
показа
Как правильно типизировать глубоко вложенные объекты?
Я хочу что бы в зависимости от tagName подбирался правильно тип элемента. Сейчас все работает как нужно пока не начинаю добавлять children.
export interface ElementCreatorParameters<T extends keyof ...
0
голосов
2
ответа
34
показа
Как разрешить ввод пропса при условии что другой пропс был заполнен?
подскажите пожалуйста, как описать тип, чтобы при отстутсвии определенного ключа, запрещать ввод другого?)
interface Base {
top?: number;
left?: number;
behavior?: "auto" | "...
0
голосов
1
ответ
21
показ
Почему возвращаемый с сервера массив игнорируется типами, которые я для него сделал? TypeScript [закрыт]
У меня есть интерфейс
export interface IPosts{
userId: number,
id: number,
title: string,
body :number
}
С сервера я получаю массив:
{id:1, title:"alex", body: "jfk&...
0
голосов
1
ответ
54
показа
Как правильно определять тип устройства в NextJs приложении?
Нужно адаптировать приложение NextJs под мобильные устройства.
Как же всё так правильно?
Определять тип устройства в getServerSideProps?
Или делать это через хук useMediaQuery?
0
голосов
1
ответ
45
показов
TypeScript: функция высшего порядка вычисляет возвращаемый тип функции обратного вызова без его явного указания
Как typescript'у удаётся вычислить возвращаемый тип функции wrapper, если я не передаю никаких параметров-типов в дженерик?
TS Playground
function wrapper<T>(cb: () => T) {
return cb();
}
...
0
голосов
0
ответов
40
показов
Как устранить ошибку (Jest): Matcher error: received value must be a mock or spy function
В NestJS приложении тестирую контроллер.
Для этого написал вот такой тест:
import { Test } from '@nestjs/testing';
import { GymController } from './gym.controller';
import { GymService } from './gym....
0
голосов
0
ответов
38
показов
TypeScript, пример из учебника: вывести литеральный тип юнион из элементов массива. Почему не работает со ссылкой на массив?
Если литерал массива задать как аргумент функции - работает как нужно. Но если передать в функцию ссылку на массив - не работает. Видимо, не понимаю чего-то фундаментального.
function strEnum<T ...
0
голосов
0
ответов
44
показа
Как сделать компонент, который будет полностью копировать свойства children?
У меня есть компонент, который проверяет права. Выглядит он следующим образом(для примера, упростил логику его работы):
const Access = ({allow, children}) => {
return allow ? <>{children}&...
0
голосов
0
ответов
17
показов
Drag and Drop. Сброс перенесенных элементов на исходные позиции
Как сбросить элементы на исходные позиции после их переноса из одной зоны в другую? Код на TypeScript, используется фреймворк React.
import React from 'react';//импорт React
//компонент Main
export ...
0
голосов
0
ответов
20
показов
Не работает вывод ошибок через next(e) на frontend react.ts
Не работает вывод ошибок через next(e) на frontend frontend react.ts с использованием mobx.
Backend написан на typescript express
Прилагаю код с exceptions/api-error.ts
export class ApiError extends ...
0
голосов
0
ответов
21
показ
Помогите исправить ошибку в создании продукта
при работе с призмой (prisma) у меня возникает ошибка, в которой я бы хотел разобраться и исправить ее.
Я прописал сидер, в котором и создается мой продукт с рандомно генерируемыми полями:
import { ...