Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 December 03

GP

Grzegorz `gzhegow` P... in Nuxt.js — русскоговорящее сообщество
Может кто обьяснить как дебажить (на что именно смотреть) в случае ошибки "верстка на сервере не равна верстке на клиенте"?
У меня кастомный селект загружает данные из стора на created() и вылазит эта ошибка, не могу понять что поправить
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
Grzegorz `gzhegow` PHP / JS
Может кто обьяснить как дебажить (на что именно смотреть) в случае ошибки "верстка на сервере не равна верстке на клиенте"?
У меня кастомный селект загружает данные из стора на created() и вылазит эта ошибка, не могу понять что поправить
методом исключения в шаблоне я делаю =(
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
Grzegorz `gzhegow` PHP / JS
Может кто обьяснить как дебажить (на что именно смотреть) в случае ошибки "верстка на сервере не равна верстке на клиенте"?
У меня кастомный селект загружает данные из стора на created() и вылазит эта ошибка, не могу понять что поправить
там скорее всего у вас отрисовывается html с пустым селектом на сервере, а потом идет отрисовка в клиенту с подгрузкой данныз для селекта и в результате селект сервера не сходится с селектом клиента.
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
client-only обворачивайте сам селект как вариант
источник

GP

Grzegorz `gzhegow` P... in Nuxt.js — русскоговорящее сообщество
mrFANRA
client-only обворачивайте сам селект как вариант
как именно методом исключения в шаблоне? я поставил точки останова, он выпадает в ошибку на assertNodeMatch()
но там два гигантских обьекта. не понятно как косяк сам выявить
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
Grzegorz `gzhegow` PHP / JS
как именно методом исключения в шаблоне? я поставил точки останова, он выпадает в ошибку на assertNodeMatch()
но там два гигантских обьекта. не понятно как косяк сам выявить
удаляю\комментирую блоки html
источник

GP

Grzegorz `gzhegow` P... in Nuxt.js — русскоговорящее сообщество
mrFANRA
удаляю\комментирую блоки html
ясн...
источник

GP

Grzegorz `gzhegow` P... in Nuxt.js — русскоговорящее сообщество
mrFANRA
удаляю\комментирую блоки html
уважаемый, а вы встречались с ошибкой "не добавляйте реактивные проперти в рутовый компонент?" - у меня получается такая ситуация - кастомный селект оборачивается моим селектом, который выдергивает данные из стора. при этом поле options через бинд прокидывается вовнутрь селекта.
видимо я проперти не совсем правильно понимаю

рутовый в нухте так-то вообще не знаю как модифицировать
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
Grzegorz `gzhegow` PHP / JS
уважаемый, а вы встречались с ошибкой "не добавляйте реактивные проперти в рутовый компонент?" - у меня получается такая ситуация - кастомный селект оборачивается моим селектом, который выдергивает данные из стора. при этом поле options через бинд прокидывается вовнутрь селекта.
видимо я проперти не совсем правильно понимаю

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

K

Kirill in Nuxt.js — русскоговорящее сообщество
Alexandr Sachishin
ребят, как правильно рекурсивно вызывать компонент сам в себе? его зарегистрировать, вызвать в шаблоне и в самом себе?
Вместо безымянного экспорт дефолт засунь компонент в константу и обращайся внутри по ней. И экспорт дефолт константы
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
Grzegorz `gzhegow` PHP / JS
уважаемый, а вы встречались с ошибкой "не добавляйте реактивные проперти в рутовый компонент?" - у меня получается такая ситуация - кастомный селект оборачивается моим селектом, который выдергивает данные из стора. при этом поле options через бинд прокидывается вовнутрь селекта.
видимо я проперти не совсем правильно понимаю

рутовый в нухте так-то вообще не знаю как модифицировать
есть подозрение что в стор вы подгружаете данные не через asyncData, а через метод который обрабатывается только на клиентской стороне, а на серверное стороне этот стор пустой
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
ну и и на выходе имеем, что серверный селект отличается от клиентского
источник

m

mrFANRA in Nuxt.js — русскоговорящее сообщество
оберните селект в client-only и делов
источник

AS

Alexandr Sachishin in Nuxt.js — русскоговорящее сообщество
Kirill
Вместо безымянного экспорт дефолт засунь компонент в константу и обращайся внутри по ней. И экспорт дефолт константы
но логика такая? то что компонент сам в себе следует вызывать?
источник

K

Kirill in Nuxt.js — русскоговорящее сообщество
Alexandr Sachishin
но логика такая? то что компонент сам в себе следует вызывать?
ну а как иначе )
источник

K

Kirill in Nuxt.js — русскоговорящее сообщество
если рендер функция, поймет сразу, если шаблон, то в секцию components засунуть надо
источник

D

Diamond_skrt in Nuxt.js — русскоговорящее сообщество
источник

D

Diamond_skrt in Nuxt.js — русскоговорящее сообщество
источник

D

Diamond_skrt in Nuxt.js — русскоговорящее сообщество
Всем привет, как можно решить эту проблему?
источник

YS

Yehor Skrypnyk in Nuxt.js — русскоговорящее сообщество
На беке не настроен cors
источник