Популярные вопросы по тегу TYPESCRIPT
Как присвоить React.cloneElement правильную типизацию при передаче свойств детям?
... AnimationProperties, undefined>{ /** * render all children with properties from parent * * @return {React.ReactNode} react children */ renderChildren(): React.ReactNode { return React.Children.map(this.props.children, (child) => { ...
Неопределенное перечисление TypeScript во время компиляции
... : import { State, Handedness } from './types' export const initial: State = { count: 0, handedness: Handedness.Both } Когда я запускаю тесты (через jest) для этого 12 проекта, state.ts генерирует ошибку TypeError: Cannot read property 'Both' of undefined, сообщая мне, что 11 Handedness не определен во время ссылки. Но я экспортирую 10 его из модуля и импортирую, прежде ч ...
Автоматическая обрезка пустых пространств с помощью Yup и Formik
... contactName: yup .string() .trim('The contact name cannot include leading and trailing spaces') .strict(true) .min(1, 'The contact name needs to be at least 1 char') .max(512, 'The contact name cannot exceed 512 char ...
Навигационная панель ссылается на значение, но здесь используется как тип «при попытке визуализировать неглубокую копию моего компонента при тестировании.
... eType": "module", "ecmaFeatures": { "jsx": true } }, "include": ["src/**/*"], "exclude": ["node_modules", "**/*.spec.ts", "**/*.test.ts"] } jest.config.ts: module.exports = { roots: ['<rootDir>/src'], transform: { '^.+\\.tsx?$': 'ts-jest', }, testRegex: '(/__tests__/.*|(\\.| ...
Не удается найти модуль 'fs'
... n": "node", "emitDecoratorMetadata": true, "experimentalDecorators": true, "target": "es5", "typeRoots": [ "node_modules/@types" ], "types": [ "node" ], "lib": [ "es2017", "dom" ...
Какой тип AsyncGenerator TypeScript дает обещание?
... ript type is this? let n = 0; while (true) { yield new Promise(resolve => resolve(n++)); await new Promise(resolve => setTimeout(resolve, 500)); } } (async () => { for await (const i of sleepyNumbers()) console.log(i); })(); Генератор выдает обещание, которое 8 преобразуется в number. При установке типа Pr ...
Загрузить файл конфигурации JSON в Angular 2
... ss testAPI { getAPI = "myUrl"; } В 4 служебном файле я использую то же самое, выполняя 3 обычный импорт: constructor(private http: Http) { //console.log(this.test); console.log(this.testing.getAPI); //this.test.load(); } Я получаю консоль как неопределен ...
Angular - HTTP-перехватчик для повторения запросов с определенным статусом ошибки?
... eturn errors .pipe( mergeMap(error => (error.status === 502) ? throwError(error) : of(error)), take(2) ) }) ) } Но это не работает, тогда как когда 2 я использую retry() таким образом, он работает 1 отлично intercept(request: HttpRequest<any>, next: HttpHan ...
Изменить свойство объекта в конвейере (rxjs)
... } Я получаю поток Persons с использованием 7 наблюдаемого. getPersons(): Observable<Person> { return this.myService.getPerons.subscribe(data); } Я хочу внести изменения в поле 6 возраста и оставить имя как есть person.age = person ...
Проверьте, что обработчик событий вызывается, когда ввод файла получает данные
... рые из 6 these answers), который, похоже, работал в Angular 2, но 5 не в Angular 4: beforeEach(() => { fixture = TestBed.createComponent(MyComponent); component = fixture.componentInstance; fixture.detectChanges(); }); it('file change event should arrive in handler', () => { let input = fixture.debugElement.query(By.css('input[type=file]')).nativeElement; input.value = {name: ...
Необязательное динамическое свойство JavaScript с цепочкой
... ка Identifier expected. TS1003 10 | const StyledTypography = styled.div` 11 | margin: 0; > 12 | color: #000; ${({theme}) => theme?.headers?.[variant]?.color ?? '#000'} | ^ 13 | ` 14 | return ( 15 | <StyledTypography as={variant}> Пох ...
Angular 2 условных валидатора. Требуется?
... group({ 'firstName': ['', Validators.compose([ conditionalRequired(this.foo, !this.bar) ])], ... }); } Обновление (17 мая 2016 г.) Прошло много времени с момента 12 публикации этого сообщения, но я хотел бы 11 сослаться на методы .include() и .exclude(), доступные ...
Неверный вызов ловушки в библиотеке npm-link
... tion<T>, FieldHandlerFunction<T>] => { const [value, setValue] = useState(input) const [name, setName] = useState('') // Issue seems to be here ^ } Моя установка прошла нормально и, похоже, отлично 22 работает в других проектах: Сначала я собрал свою библиотеку через rollup -c Создал ссылку в моей папке библиотеки eformless через npm l ...
Условные типы TypeScript: извлечение типа свойств компонента из компонента реакции
... mponent extends React.Component<TestProps, {}> { render() { return null; } } // now I need to create a type using conditional types so that // I can pass either the component or the props and always get the // TProps type back type ExtractProps<TComponentOrTProps> = /* ?? how to do it? */ type a = ExtractProps<TestCompo ...
Не удается найти элемент управления с именем: formControlName в угловой реактивной форме
... gt; </div> </div> <div class="form-group"> <label for="page id" class="col-sm-3 control-label">Facebook Page ID</label> <div class="col-sm-8"> <input type="text" class="form-control" formControlName="pageId" placeholder="facebook page id"> </div> ...
Горизонтальная прокрутка сетки ag
... ложении. при 2 превышении количества столбцов горизонтальная 1 полоса ...
TypeScript: создание пустого типизированного массива контейнеров
... При попытке 7 заранее выделить типизированный массив в 6 TypeScript я попытался сделать что-то вроде 5 этого: var arr = Criminal[]; , который дал ошибку «Проверить 4 формат выражения термина». тоже пробов ...
Angular 4 получает заголовки из ответа API
... ole.log(headerapi); } private extractData(res: Response) { let body = res.json(); return body.data || {}; } private handleError(error: Response | any) { let errMsg: string; if (error instanceof Response) { const body = error.json() || ''; const err = body.error || JSON.stringify(body); errMsg = `${error.status} - ${error.statusText || ''} ${err}`; } else { errMsg = error.message ? error.message : error.toStr ...
Тип словаря в TypeScript
... ких местах своего приложения я 4 объявляю типы словарей, например: interface MyInterface { data: { [key: string]: Item ...
Что означает символ @ в операторе импорта реакции
... ls 2 с интерфейсом react js. Что здесь означает 1 @ import ProductCard ...
Как исключить ключ из интерфейса в TypeScript
... , но проблема в том, что возвращаемый 9 тип компонента также использует тип реквизита 8 из данного компонента, поэтому TypeScript 7 будет жаловаться и попросить меня предоставить 6 свойство value. В результате мне придется написать 5 что-то вроде <ValuedComponent value="foo" /> Какое значение не будет использоваться 4 в любом случае. Я хочу здесь вернуть интерфейс 3 без конкретных ключей, я хочу иметь что-то 2 в ...
Как сделать таймер в Angular 5
... жайна. Хотя 4 это было не совсем то, что я искал. Я не 3 хотел обратного отсчета, я хотел посчитать 2 продолжительность. Вот код, который я использовал 1 в конце: time: number = 0; interval; startTimer() { this.play = true; this.interval = setInterval(() => { this.time++; },1000) } pauseTimer() { this.play = fal ...
TypeScript: параметр подписи индекса должен быть «строкой» или «числом» при попытке использовать строку | количество
... ошибку Тип 5 параметра подписи индекса должен быть «строка» или 4 «число». ts (1023) Мне кажется, что это работает: interface IOutput { allIds: string[] | number[] byId: { [key: number]: any } } ИЛИ interface IOutput { allIds: string[] | number[] byId: { [key: string]: any } } Но 3 я не этого пытаюсь. Я тоже пробовал это, и 2 это дает мне ту же ошибку: type StringOrNumber = string | number interface IOutpu ...
Ошибка Angular2: нет директивы с параметром "exportAs", установленным в "ngForm".
... .ts: import {disableDeprecatedForms, provideForms} from '@angular/forms'; import {bootstrap} from '@angular/platform-browser-dynamic'; import {HTTP_PROVIDERS, Http} from '@angular/http'; import {provideRouter} from '@angular/router'; import {APP_ROUTER_PROVIDER} from './routes'; import {AppComponent ...
Глобальные переменные Typescript
... е 3 переменные доступными внутри модулей без 2 ошибок компилятора, например CANVAS_WIDTH, используемый 1 ниже? export class Bullet { x: number = 22; y: number = 22; ...
Свойство toPromise не существует для типа Observable <Response>
... '@angular/http'; @Injectable() export class PublisherService{ private publishersUrl = 'app/publisher'; constructor(private http: Http) { } getPublishers(): Promise<Publisher[]>{ return this.http.get(this.publishersUrl) .toPromise() .then(resp ...
Машинопись, слияние типов объектов?
... , a: "bar"}); дает 3 довольно странный тип {a: number} & {b: string, a: string}, хотя a - это строка. Фактический 2 возврат дает правильный тип, но я не мо ...
Что нового() в Typescript?
... eate<T>(c: { new(): T; } ): T { return new c(); } Приведенный 4 выше код преобразуется в следующий код JavaScript: function create(c) { return new c(); } new( ...
Объект, возможно, «не определен». »В TypeScript
... ined'. в obj.field1 += ',' + v;. TypeScript 5 говорит, что obj может быть неопределенным, но 4 obj не может быть неопределенным на этом этапе, потому 3 что {field1: 'testtest'} назначается в случае, если map.get(key) возвращает 2 undefined. Почему у меня возникла эта ошибка? Как 1 я могу это исправить? interface TestIF { field1: string; } export ...
Как исправить ошибку TS1015: у параметра не может быть вопросительного знака и инициализатора?
... жет иметь вопросительного знака и инициализатора Это 2 было действительно раньше, как мне это исправить? Вот 1 пример кода, который генерирует эту ошибку: functionN ...
Angular 2: не удается найти имя "Подписка"
... ent', templateUrl: 'my.component.html', styleUrls: ['my.component.css'] }) export class MyComponent implements OnInit, OnDestroy { private sub: any; constructor(private route: ActivatedRoute, private router: Router) {} ngOnInit() { this.sub = this.route.params.subscribe(params => { let id = ...
React + Typescript: ошибка TypeScript: тип 'string' не имеет общих свойств с типом 'CSSProperties'
... ript с React и сейчас 1 столкну ...
TypeScript useState: SetState в дочернем с аргументом
... { setState }) => { return ( <React.Fragment> <button onClick={() => { //c is read underlined: Argument of type '(c: any) => any' is not assignable //to parameter of type 'State'. //Type '(c: any) => any' is missing the following properties from type //'State': value1, value2 setSta ...
Не удается найти модуль с Webpack, Typescript, каталогом пользовательского модуля
... то это сработает. Фактическое: возникает ошибка: ERROR in [default] /<project_dir>/app/app.ts:1:26 Cannot find module 'my-component/Something'. Что я пытался исправить Я 8 знаю, что модуль сам по себе определен п ...
Как использовать и добавить значок в ячейку в сетке ag, чтобы указать, что ячейка редактируется
... grid с угловым 6. Для определенного 3 столбца ячейка должна быть ред ...
Условные типы в TypeScript
... TypeScript? В настоящее время 6 у меня есть следующий интерфейс: interface ValidationResult { isValid: boolean; errorText?: string; } Но я хочу 5 удалить errorText и использовать его только тогда, ког ...
В Discord JS отсутствует разрешение на управление ролями, хотя бот является администратором
... e.find(role => role.name === 'Rookie' && message.channel.id === '71xxxxxxxxxxx10')) { const rookieRole = message.member.guild.roles.cache.find(role => role.name === 'Rookie') const proRole = message.member.guild.roles.cache.find(role => role.name === 'Pro') try { if (message.guild.me.permissions.miss ...
Пути машинописного текста не работают в проекте Express
... ;nodemon src/app.ts", "build": "tsc -p .", "test": "mocha --exit -r ts-node/register src/tests/*.spec.ts" }, "dependencies": { // Dependencies here }, "devDependencies&q ...
В чем разница между массивом и наблюдаемым массивом?
... между any[] и Observable<any[])> в ...
Что означают угловые скобки «<>» в объявлении функции в Typescript?
... mean in TypeScript? есть почти аналогичный вопрос Но меня все равно смутило, когда 5 я обнаружил, что он используется сложным 4 (для новичков) способом объявления функции 3 внутри интерфейса. getContent<K extends keyof ContentMap>(content: K, conf?: ContentMap[K]["conf" ...
Запустить программу при инициализации
... rvice; <- can't use appService methods this.appService. bootstrap(); Моя служба @Injectable() export class AppService { constructor( @InjectRepository(File) private readonly fileRepository: Repository<File>, ) {} async getTypes(): Promise<File[]> { return await this.fileRepository.find(); } } Я бы использовал 5 службы для обработки своих операций, поэтому 4 я ...
Свойство y не существует для типа DefaultRootState
... port {combineReducers} from 'redux'; const allReducers = combineReducers({ counter: counterReducer, isLogged: loggedReducer, }); export default allReducers; Затем в моем src/index.tsx: import {Provider} from 'react-redux'; const store = createStore(allReducers); ReactDOM.render( <React.Fragment> ...
Типы как из ключей, так и из значений объекта в Typescript
... и один 7 для значений. const KeyToVal = { MyKey1: 'myValue1', MyKey2: 'myValue2', }; Ключи достаточно простые: type Keys = keyof typeof KeyToVal; У 6 меня проблемы с получением типа времени компиляции для значений. Я 5 подумал, может быть, сработает один из них: type Values = typeof KeyToVal[Keys]; type Values<K> = K extends Keys ? (typeof KeyToVal)[K] : never; type Prefix< K extends Keys = Keys, ...
В чем разница между never и void в машинописном тексте?
... разница 1 между типами «никогда» и ...
Машинописный импорт изображений
... 4 делаю это в React. Я видел, что атрибут 3 src определен как string | undefined, поэтому появляется ошибка. Вот 2 код: import * as Logo from 'assets/images/logo.png'; HTML: <img src={Logo} alt="" /> И определение, основанное на вышеупомянутом 1 решении: declare module "*.png" { const value: string; export default value; } Tsconfig: { "compilerOptions": { "baseUrl&qu ...
Клонирование объектов TypeScript
... ния. При выборе пользователя 7 происходит событие, как показано ниже: onUserSelected(event) { var selectedId = event.data.id; this.selectedUser = this.users.filter(user => user.id === selectedId)[0] } Проблема 6 в том, что когда selectedUser редактируется, его 5 свойства также меняются в таблице, и это 4 выглядит не очень хорошо. Я пытался создать 3 копию, как показано ниже, но это не помогло ...
TypeError: не удается прочитать флаги свойства undefined
... "@angular/platform-browser-dynamic": "5.0.3", "@ionic-native/core": "^4.5.2", "@ionic-native/facebook": "^4.5.2", "@ionic-native/firebase": "^4.5.2", ...
Как мне заставить @ vimeo / player работать над моим проектом Angular2 / Typescript?
... льный 14 идентификатор. Игрок @ http://localhost:8100/build/main.js:102846:32 ngAfterViewInit 13 @ http://localhost:8100/build/main.js:74715:80 callProviderLifecycles @ http://localhost:8100/build/main.js:11417:33 callElementProvidersLifecycles 12 @ http://localhost:8100/build/main.js:11392:35 callLifecycleHooksChildrenFirst @ http://localhost:8100/build/main.js:11376:47 checkAndUpdateView 11 @ http://localhost: ...
Ошибка при запуске nestjs в производственном режиме, не удается найти модуль
... } async getEntityWithPagination( options: PaginationOptionsInterface, ): Promise<Pagination<T>> { const [results, total] = await this.repository.findAndCount({ take: options.limit, skip: (options.page - 1) * options.limit, }); return new Pagination<T>({ results, total }); } } и использование 7 с другими сервисами сущностей, такими ...
getBoundingClientReact не существует
... rty 'getBoundingClientRect' does not exist on type 'Element | Text' вот 5 фрагмент кода, который использует эту функцию: const node = ReactDOM.findDOMNode(this.containerElement); if (!node) { return; } let vertical: Vertical_Direction; if (verticalDirection === Vertical_Direction.DOWN_UP) ...