почему - не скажу, надо разбираться

собсно без files работает

ага, но мне нужно не всё подряд в outFile, а только то что соберётся в конкретный момент по импортам

вечером гляну если не забуду

спасибо

Всем привет, никто react с typescript не использует ?, не подскажите, что может быть, собирал по гайду с тайпскрипта, но при сборке зависает на [at-loader] Using typescript@2.7.2 from typescript and "tsconfig.json" from C:\project\tsconfig.json. webpack 4, awesome-typescript-loader

он точно зависает, а не ждет в режиме дев сервера?

потом падает c такой ошибкой <--- Last few GCs —-> [15196:0000028E7F86B930] 270723 ms: Mark-sweep 1429.3 (1487.9) -> 1429.3 (1487.9) MB, 1638.4 / 0.0 ms last resort GC in old space requested <--- JS stacktrace —-> ==== JS stack trace ========================================= Security context: 000001DEE42A5529 <JSObject> 2: getDeclarationName(aka getDeclarationName) [C:\events-ui\node_modules\typescript\lib\typescript.js:20099] [bytecode=000001C961BFCFE1 offset=0](this=000002AC516822D1 <undefined>,node=0000030F18D384A9 <NodeObject map = 000003384A9B0FB9>) 3: declareSymbol(aka declareSymbol) [C:\events-ui\node_modules\typescript\lib\typescript.js:~20168] [pc=00000269DCBF8C23](this=000002AC516822D1 <unde... FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 1: node::DecodeWrite 2: node_module_register 3: v8::internal::FatalProcessOutOfMemory 4: v8::internal::FatalProcessOutOfMemory 5: v8::internal::Factory::NewCodeRaw 6: v8::internal::Factory::NewCode 7: v8::internal::modulo 8: v8::internal::compiler::ControlFlowOptimizer::TryBuildSwitch 9: v8::internal::ZoneVector<v8::internal::compiler::MoveOperands * __ptr64>::ZoneVector<v8::internal::compiler::MoveOperands * __ptr64> 10: v8::internal::compiler::Pipeline::AllocateRegistersForTesting 11: v8::internal::compiler::ValueNumberingReducer::operator= 12: v8::internal::CompilationJob::FinalizeJob 13: v8::internal::compiler::SimplifiedOperatorReducer::factory 14: v8::internal::Compiler::FinalizeCompilationJob 15: v8::internal::OptimizingCompileDispatcher::InstallOptimizedFunctions 16: v8::internal::StackGuard::HandleInterrupts 17: v8::internal::wasm::WasmOpcodes::TrapReasonMessage 18: 00000269DC5843C1

потом падает c такой ошибкой <--- Last few GCs —-> [15196:0000028E7F86B930] 270723 ms: Mark-sweep 1429.3 (1487.9) -> 1429.3 (1487.9) MB, 1638.4 / 0.0 ms last resort GC in old space requested <--- JS stacktrace —-> ==== JS stack trace ========================================= Security context: 000001DEE42A5529 <JSObject> 2: getDeclarationName(aka getDeclarationName) [C:\events-ui\node_modules\typescript\lib\typescript.js:20099] [bytecode=000001C961BFCFE1 offset=0](this=000002AC516822D1 <undefined>,node=0000030F18D384A9 <NodeObject map = 000003384A9B0FB9>) 3: declareSymbol(aka declareSymbol) [C:\events-ui\node_modules\typescript\lib\typescript.js:~20168] [pc=00000269DCBF8C23](this=000002AC516822D1 <unde... FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 1: node::DecodeWrite 2: node_module_register 3: v8::internal::FatalProcessOutOfMemory 4: v8::internal::FatalProcessOutOfMemory 5: v8::internal::Factory::NewCodeRaw 6: v8::internal::Factory::NewCode 7: v8::internal::modulo 8: v8::internal::compiler::ControlFlowOptimizer::TryBuildSwitch 9: v8::internal::ZoneVector<v8::internal::compiler::MoveOperands * __ptr64>::ZoneVector<v8::internal::compiler::MoveOperands * __ptr64> 10: v8::internal::compiler::Pipeline::AllocateRegistersForTesting 11: v8::internal::compiler::ValueNumberingReducer::operator= 12: v8::internal::CompilationJob::FinalizeJob 13: v8::internal::compiler::SimplifiedOperatorReducer::factory 14: v8::internal::Compiler::FinalizeCompilationJob 15: v8::internal::OptimizingCompileDispatcher::InstallOptimizedFunctions 16: v8::internal::StackGuard::HandleInterrupts 17: v8::internal::wasm::WasmOpcodes::TrapReasonMessage 18: 00000269DC5843C1

кстати какой версии atloader?

потом падает c такой ошибкой <--- Last few GCs —-> [15196:0000028E7F86B930] 270723 ms: Mark-sweep 1429.3 (1487.9) -> 1429.3 (1487.9) MB, 1638.4 / 0.0 ms last resort GC in old space requested <--- JS stacktrace —-> ==== JS stack trace ========================================= Security context: 000001DEE42A5529 <JSObject> 2: getDeclarationName(aka getDeclarationName) [C:\events-ui\node_modules\typescript\lib\typescript.js:20099] [bytecode=000001C961BFCFE1 offset=0](this=000002AC516822D1 <undefined>,node=0000030F18D384A9 <NodeObject map = 000003384A9B0FB9>) 3: declareSymbol(aka declareSymbol) [C:\events-ui\node_modules\typescript\lib\typescript.js:~20168] [pc=00000269DCBF8C23](this=000002AC516822D1 <unde... FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 1: node::DecodeWrite 2: node_module_register 3: v8::internal::FatalProcessOutOfMemory 4: v8::internal::FatalProcessOutOfMemory 5: v8::internal::Factory::NewCodeRaw 6: v8::internal::Factory::NewCode 7: v8::internal::modulo 8: v8::internal::compiler::ControlFlowOptimizer::TryBuildSwitch 9: v8::internal::ZoneVector<v8::internal::compiler::MoveOperands * __ptr64>::ZoneVector<v8::internal::compiler::MoveOperands * __ptr64> 10: v8::internal::compiler::Pipeline::AllocateRegistersForTesting 11: v8::internal::compiler::ValueNumberingReducer::operator= 12: v8::internal::CompilationJob::FinalizeJob 13: v8::internal::compiler::SimplifiedOperatorReducer::factory 14: v8::internal::Compiler::FinalizeCompilationJob 15: v8::internal::OptimizingCompileDispatcher::InstallOptimizedFunctions 16: v8::internal::StackGuard::HandleInterrupts 17: v8::internal::wasm::WasmOpcodes::TrapReasonMessage 18: 00000269DC5843C1

так этож аутофмемори

--max-old-space-size можно попробовать

кстати какой версии atloader?

5.0.1

то есть у всех работает ? с 4 webpack

то есть у всех работает ? с 4 webpack

4 только с ts-loader смотрел, но наверное не в нем дело

4 только с ts-loader смотрел, но наверное не в нем дело

спасибо, а не подскажите заодно с typescript и webpack react- hmr работает ?

спасибо, а не подскажите заодно с typescript и webpack react- hmr работает ?

статьи есть на эту тему, но лично у меня не получилось запустить. Правда пробовал уже на разросшемся проекте

type A<State> = { <FinalState>(config: { mapState: (state: State) => FinalState, children: (state: FinalState) => any }) } type B<State> = { <FinalState>( mapState: (state: State) => FinalState, children: (state: FinalState) => any ) } declare const testA: A<{test: number }> declare const testB: B<{test: number }> testA({ mapState: (state) => ({ test2: state.test }), children: (state) => state.test22 || state.test2.anchor }) testB( (state) => ({ test2: state.test }), (state) => state.fwdsadxdzs || state.test2.anchor ) Вот какого, спрашивается, хера, второе работает как надо, а первое - нет

type A<State> = { <FinalState>(config: { mapState: (state: State) => FinalState, children: (state: FinalState) => any }) } type B<State> = { <FinalState>( mapState: (state: State) => FinalState, children: (state: FinalState) => any ) } declare const testA: A<{test: number }> declare const testB: B<{test: number }> testA({ mapState: (state) => ({ test2: state.test }), children: (state) => state.test22 || state.test2.anchor }) testB( (state) => ({ test2: state.test }), (state) => state.fwdsadxdzs || state.test2.anchor ) Вот какого, спрашивается, хера, второе работает как надо, а первое - нет

интересно, скорее всего дело в том порядке, в котором ts парсит функции

вариант B - работает пока порядок не поменяешь, т.е. ts спарсил mapState и запомнил FinalState. а в случае с перебором объекта, порядка же никакого нет

Во flow это работает :/

цобако

Flow судя по всему умнее в самостоятельном выводе типов. А так, ты этот finalState можешь и руками обьявить, перенести к state дженерику

Руками я всё что угодно могу объявить, но зачем

Ребят, привет. Хочу в класс-декораторе подмиксовывать другой класс, но в итоге на инстансе декорируемого класса тс не видит методы миксованного класса( думаю дело в дефиниции самого класс декоратора. Кто-то сталкивался? Решил?

В таком случае тебе надо писать свой плагин для тс

Декораторы не меняют тип

Юзай функции

Коллеги, добрый день. Есть проект на реакте, хочу начать перетаскивать его на ts, но столкнулся с проблемой, что при переименовании файла в ts ломается импорт. Как это можно пофиксить. Использую webpack + babel + ts-loader

Коллеги, добрый день. Есть проект на реакте, хочу начать перетаскивать его на ts, но столкнулся с проблемой, что при переименовании файла в ts ломается импорт. Как это можно пофиксить. Использую webpack + babel + ts-loader

Если хочешь постепенно то лучше flow

Если хочешь постепенно то лучше flow

Мне не нравится flow. Я до этого достаточно долго писал на ts и angular 2.

Мне не нравится flow. Я до этого достаточно долго писал на ts и angular 2.

Нужно или писать d.ts файлы для своих нетипизированных модулей, устанавливать @types для внешних модулей и вроде бы разрешить импорт js. Ну а еще нужно понять что именно сломалось. Кидайте текст ошибок хоть.

Да ошибка-то простая. Например, Cannot find module './helpers'

{ test : /\.(ts|tsx)$/, exclude: /node_modules/, use : [ babelLoader, { loader: 'ts-loader' } ] }, { test : /\.(js|jsx)$/, exclude: /(node_modules)/, include: [__dirname], use : [ babelLoader, { loader: 'source-map-loader' }, ], },

Это конфиг

Блин, лучше на gist так никто читать не будет

Это конфиг

Да и конфиг ts нужен а не вебпака

Блин, лучше на gist так никто читать не будет

https://gist.github.com/Kupstas/6bd1d10042448cc1dba045a7276b6e1e

https://gist.github.com/Kupstas/6bd1d10042448cc1dba045a7276b6e1e

попробуй module: "ESNext", тогда module resolution станет node, может поможет

попробуй module: "ESNext", тогда module resolution станет node, может поможет

nope

nope

наверняка, что то простое. Гугл то что не помогает?

Может я ситуацию неправильно описал. По сути у меня есть файлики a.ts, b.js. В b.js я пишу import {A} from './a' и он падает с ошибкой. Если заменить на import {A} from './a.ts' то всё норм

Может я ситуацию неправильно описал. По сути у меня есть файлики a.ts, b.js. В b.js я пишу import {A} from './a' и он падает с ошибкой. Если заменить на import {A} from './a.ts' то всё норм

Ааа это в конфиге вебпака нужно добавить ts расширения. Не помню как называется поле

Ааа это в конфиге вебпака нужно добавить ts расширения. Не помню как называется поле

resolve : { extensions: ['.ts', '.tsx', '.js'] }

у меня это есть

а че флоу не нравится?

потому что гавно)

которое тормозит и не работает

а че флоу не нравится?

Лучше не начинать)

а че флоу не нравится?

Мне, как человеку, много писавшему на C#, typescript ближе

ts уже как нативный

+ поддержка Ide лучше

nope

А если moduleResolution: node руками поставить?

А если moduleResolution: node руками поставить?

nope =(

Мне кажется, тут проблемы не в tsconfig, а в webpack

Мне кажется, тут проблемы не в tsconfig, а в webpack

Скинь ещё package.json зависимости

Скинь ещё package.json зависимости

https://gist.github.com/Kupstas/6bd1d10042448cc1dba045a7276b6e1e

Видимо проблемы в ноде, потому что продовская сборка проходит....

Все есть, все свежее, resolve указан, а до ts лоадера дело кажется даже не доходит

Версии сильно различаются?

Версии сильно различаются?

Версии чего? Просто в прод моде запускается чисто webpack для сборки проекта, а в деве нода сама внутри себя запускает webpack. И видимо там уже что-то не хочет работать

Версии ноды, и если где то глобально вебпак установлен, то его версия

Но всегда должен из проекта запускаться через npm скрипты или npx сборщик, глобально модули не надо ставить

Нода 8.7, вебпак 4

Стоп, прод сборка это всмысле не на сервере, а просто mode production?

Нет глобальный можулей. В package.json написано, как запускается. Видимо ему не нравится, что там только babel-register используется

Ребят, всем доброе утром, не могу разобраться с definition файлом в phaser2: в файле объявлены declare module "phaser" { export = Phaser } declare class Phaser { ... } declare module Phaser { ... } насколько я понимаю, объявлены класс и модуль с одинаковыми имена, поэтому возникает вопрос, что собственно будет экспортиться в module "phaser"?

не знает кто, можно создать функцию где в аргументе будет объект подобный А, а на выходе должен получиться B, с сохранением типа?

act<T>(arg?: T) => { d: T } ?

act<T>(arg?: T) => { d: T } ?

и как это использовать?

Всё, я понял, я неправильно прочёл вопрос. Сейчас подумаю

T extends any

В IActionClass?

... Что это вообще?

а

не

скинь в playground

Проблема-то в том, что в IActionClass явно указано, что возвращается any-типизированный дженерик

https://goo.gl/E8Jzvo

Ребят пишу очередную typeform. Если опустить подробности то задаётся она списком полей, опять же если опустить подробности в каждом из полей есть свойство name и функция отдающая итоговое значение (типизированная) на выходе получаю key-value структуру могу ли я как-то подсказать компилятору чтобы он определял её тип?

Чем плохо в принципе опустить констрейнт на необходимость всех свойств объекта вернуть IExtendAction?

https://goo.gl/dGQxLi

Типом аргумента результирующей функции?

Типом аргумента результирующей функции?

посмотри на тип rdb.act2(), аргумент получился неверного типа

Какое вам тут множественное наследование в js

нее, я юзаю ts

лол

а тс не жс?

льоль

а тс не жс?

умные люди говорят, что нет