КС
надо попробовать консоль логи повставлять в ту функцию что я написал
Size: a a a
2021 March 15
КС
и опции повыводить
AP
ну дык запусти прод сборку в дебаг режиме и поставь бряк на необработанный эксепшен
AP
законекти штормовый или хромовский дебагер
AP
если у тебя шторм то там вообще 1 кнопку нажать
❌
в любом случае вначале надо понять почему ssr и только потом можно будет решать саму ошибку
A
<script context=module> - до mount разово
<script> - до mount реактивно
beforeUpdate - первый запуск - до mount и перед каждым апдейтом
onMount - после mount
afterUpdate - после mount и после каждого апдейта
onDestroy - перед unmount
<script> - до mount реактивно
beforeUpdate - первый запуск - до mount и перед каждым апдейтом
onMount - после mount
afterUpdate - после mount и после каждого апдейта
onDestroy - перед unmount
AP
интересно зачем onDestroy на серверсайде вызывать
DK
<script context=module> - до mount разово
<script> - до mount реактивно
beforeUpdate - первый запуск - до mount и перед каждым апдейтом
onMount - после mount
afterUpdate - после mount и после каждого апдейта
onDestroy - перед unmount
<script> - до mount реактивно
beforeUpdate - первый запуск - до mount и перед каждым апдейтом
onMount - после mount
afterUpdate - после mount и после каждого апдейта
onDestroy - перед unmount
Скрипт не реактивен же.
PM
<script context=module> - до mount разово
<script> - до mount реактивно
beforeUpdate - первый запуск - до mount и перед каждым апдейтом
onMount - после mount
afterUpdate - после mount и после каждого апдейта
onDestroy - перед unmount
<script> - до mount реактивно
beforeUpdate - первый запуск - до mount и перед каждым апдейтом
onMount - после mount
afterUpdate - после mount и после каждого апдейта
onDestroy - перед unmount
script === контекст инстанса компонента,
context=module === статический контекст класса компонента
context=module === статический контекст класса компонента
AP
модуль это контекст модуля, вызывается на первом импорте модуля
PM
то что пишется в script это фактически эквивалент constructor класса
КС
<script lang="ts">
export let value: string | number = '';
export let type = 'text';
function handleInput(event: InputEvent): void {
const { value: inputVal } = event.target as HTMLInputElement;
value = type === 'number' ? +inputVal : inputVal;
}
</script>
<input {type} {value} on:input={handleInput} on:input />
^ошибка тут
как это пофиксить? добавляю проброс евента - ошибка пропала, убираю - ошибка
1. Type '(event: InputEvent) => void' is not assignable to type 'EventHandler<Event, HTMLInputElement>'.
Types of parameters 'event' and 'event' are incompatible.
Type 'Event & { currentTarget: EventTarget & HTMLInputElement; }' is missing the following properties from type 'InputEvent': data, inputType, isComposing, detail, and 2 more.
A
<script context=module> - до mount разово
<script> - до mount реактивно
beforeUpdate - первый запуск - до mount и перед каждым апдейтом
onMount - после mount
afterUpdate - после mount и после каждого апдейта
onDestroy - перед unmount
<script> - до mount реактивно
beforeUpdate - первый запуск - до mount и перед каждым апдейтом
onMount - после mount
afterUpdate - после mount и после каждого апдейта
onDestroy - перед unmount
Я тут про хронологию выполнения кода
AP
модуль выполнится даже если ты ничего не замаунтишь
A
Кирилл Спасибович
<script lang="ts">
export let value: string | number = '';
export let type = 'text';
function handleInput(event: InputEvent): void {
const { value: inputVal } = event.target as HTMLInputElement;
value = type === 'number' ? +inputVal : inputVal;
}
</script>
<input {type} {value} on:input={handleInput} on:input />
^ошибка тут
как это пофиксить? добавляю проброс евента - ошибка пропала, убираю - ошибка
1. Type '(event: InputEvent) => void' is not assignable to type 'EventHandler<Event, HTMLInputElement>'.
Types of parameters 'event' and 'event' are incompatible.
Type 'Event & { currentTarget: EventTarget & HTMLInputElement; }' is missing the following properties from type 'InputEvent': data, inputType, isComposing, detail, and 2 more.
А я вот думаю - если начальное значение есть у переменной - это уже типизирует её?
КС
да, тип инферится
AP
как видишь там string | number а из '' заинферить можно только string
AP
кривые тайпинги стандартных элементов
A
Кирилл Спасибович
<script lang="ts">
export let value: string | number = '';
export let type = 'text';
function handleInput(event: InputEvent): void {
const { value: inputVal } = event.target as HTMLInputElement;
value = type === 'number' ? +inputVal : inputVal;
}
</script>
<input {type} {value} on:input={handleInput} on:input />
^ошибка тут
как это пофиксить? добавляю проброс евента - ошибка пропала, убираю - ошибка
1. Type '(event: InputEvent) => void' is not assignable to type 'EventHandler<Event, HTMLInputElement>'.
Types of parameters 'event' and 'event' are incompatible.
Type 'Event & { currentTarget: EventTarget & HTMLInputElement; }' is missing the following properties from type 'InputEvent': data, inputType, isComposing, detail, and 2 more.
А зачем 2 евента input ?