Size: a a a

React — русскоговорящее сообщество

2021 January 29

AD

Andriy Dudariev in React — русскоговорящее сообщество
Дмитрий Рыбалкин
Привет. Подскажите, пожалуйста про typescript и storybook.

Работаю на винде с wsl2 (это встроенная в винду Ubuntu). Разницы с обычным линуксом не должно быть. Сегодня удалил линукс с одного диска и поставил с нуля на другой. Настройки не перенес.

В проекте часть файлов .js, часть .ts. В файлах jsconfig.json и tsconfig.json настроены абсолютные импорты, корневой считается папка /src. Проект компилится нормально, а вот storybook не хочет запускаться, пытается абсолютные импорты импортировать не из src, а по абсолютному пути, начиная с /home (видно на скриншоте) и отваливается с ошибкой.

Такие ошибки выбрасываются изо всех мест, где по абсолютному пути в .js импортируется .ts. Js в .js импортируется корректно.

Подозреваю, что у меня была установлена какая-то библиотека, а теперь ее нет, поэтому такой косяк. Полдня уже убил, все интернеты облазил, может есть какие-нибудь мысли?
В путь добавить ./
источник

ДР

Дмитрий Рыбалкин... in React — русскоговорящее сообщество
Andriy Dudariev
В путь добавить ./
Это выход, но я один из нескольких разработчиков на этом проекте, эти файлы ко мне не относятся, я не могу просто взять их и отредактировать по причине "у меня че-то не работает"
источник

AM

Ahma Mahma in React — русскоговорящее сообщество
тут написано что у img тегов есть onLoad событие, типа картинки загрузились с сервака, можно ли как нибудь это реализовать если у меня в коде картинки стоят background-image у дива, а не в img. —— это скрин статьи
источник

el

eden lane in React — русскоговорящее сообщество
Дмитрий Рыбалкин
Это выход, но я один из нескольких разработчиков на этом проекте, эти файлы ко мне не относятся, я не могу просто взять их и отредактировать по причине "у меня че-то не работает"
./ У всех одинаково вроде будет работать, другим разработчикам ты ничего не испортишь
источник

К

Кирилл in React — русскоговорящее сообщество
Pavel Ermolin
А что это?
setAlertState же? Функция которую вернул хук
источник

S

Simon in React — русскоговорящее сообщество
Pavel Ermolin
Нельзя хуки вкладывать в условия if..., Хуки вызываются при каждом рендере.
При вложении хоуков не в компоненты - приложение падает. А у меня 10к+ рендеров происходит
источник

AD

Andriy Dudariev in React — русскоговорящее сообщество
Ahma Mahma
тут написано что у img тегов есть onLoad событие, типа картинки загрузились с сервака, можно ли как нибудь это реализовать если у меня в коде картинки стоят background-image у дива, а не в img. —— это скрин статьи
та что ты хочешь сделать, обьясни нормально
источник

ДР

Дмитрий Рыбалкин... in React — русскоговорящее сообщество
eden lane
./ У всех одинаково вроде будет работать, другим разработчикам ты ничего не испортишь
Мы всего пару месяцев назад начали использовать абсолютные импорты, причем я был инициатором этого. Вот прям очень-очень сильно не хочется теперь возвращать все обратно из-за того, что у меня на винде вдруг импорты непонятно почему перестали работать. Спасибо за идею, но надо разобраться.
источник

el

eden lane in React — русскоговорящее сообщество
Дмитрий Рыбалкин
Мы всего пару месяцев назад начали использовать абсолютные импорты, причем я был инициатором этого. Вот прям очень-очень сильно не хочется теперь возвращать все обратно из-за того, что у меня на винде вдруг импорты непонятно почему перестали работать. Спасибо за идею, но надо разобраться.
А, не. Я имел ввиду в конфиге baseUrl может сделать с ./? Не может из-за этого не работать?
источник

AD

Andriy Dudariev in React — русскоговорящее сообщество
eden lane
А, не. Я имел ввиду в конфиге baseUrl может сделать с ./? Не может из-за этого не работать?
так baseUrl ему же вроде пофиг на импорты
источник

R

Rros in React — русскоговорящее сообщество
Снова о проблеме Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function
Я попробовал вообще удалить useEffect, а ошибка осталась. В чем вообще может быть тогда проблема тогда?
источник

RS

Roman Still in React — русскоговорящее сообщество
Rros
Снова о проблеме Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function
Я попробовал вообще удалить useEffect, а ошибка осталась. В чем вообще может быть тогда проблема тогда?
Тебя уже попросили скинуть код
источник

AD

Andriy Dudariev in React — русскоговорящее сообщество
Rros
Снова о проблеме Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function
Я попробовал вообще удалить useEffect, а ошибка осталась. В чем вообще может быть тогда проблема тогда?
где-то сет-таймаут или сет-интервал, либо подписка на событие
источник

R

Rros in React — русскоговорящее сообщество
Roman Still
Тебя уже попросили скинуть код
там как куча данных и воспроизвести их в песочнице нереально
источник

RS

Roman Still in React — русскоговорящее сообщество
Rros
там как куча данных и воспроизвести их в песочнице нереально
Скрины хотя бы, лучше чем ничего
источник

ДР

Дмитрий Рыбалкин... in React — русскоговорящее сообщество
eden lane
А, не. Я имел ввиду в конфиге baseUrl может сделать с ./? Не может из-за этого не работать?
попробовал поменять на './' и на '.' не помогло
источник

el

eden lane in React — русскоговорящее сообщество
Andriy Dudariev
так baseUrl ему же вроде пофиг на импорты
Я так понял, что он как раз в абсолютных импортах используется

https://www.typescriptlang.org/docs/handbook/module-resolution.html
источник

AD

Andriy Dudariev in React — русскоговорящее сообщество
Дмитрий Рыбалкин
попробовал поменять на './' и на '.' не помогло
https://stackoverflow.com/questions/43595555/webpack-cant-resolve-typescript-modules
может module и moduleResolution помогут, но хз
источник

R

Rros in React — русскоговорящее сообщество
все функции срабатывают только по клику
источник

R

Rros in React — русскоговорящее сообщество
источник