Nuxt: Ошибка Cannot read property 'offsetWidth' of null с <client-only>

Mefistopel commented 4 years ago

Здравствуйте!

Фреймворк: Nuxt.js

Я создал отдельный компонент для ЯКарты и всё равно при использовании <client-only> в консоли браузера вылает ошибка:

Uncaught TypeError: Cannot read property 'offsetWidth' of null
    at Object.getSize (https://api-maps.yandex.ru/2.1.75/combine.js?callback_prefix=__jsonp_ymaps_combine&mode=release&flags=&load=10111415161718192021222324252627282940414243444546474849646566676869707172737475767778798390919293949596979899$1,1.x.m)P8b1.1,1z.E9)9,_S8f):)N)68c)l1-1J1:)1(51Q6M)n059:2b2e9(9*2c_N8g,y,S)-1i1))t.h)s)y,D016K6N)z)e6H2a_P1W)*0$)r06(8)$1$6j)3(@(::$.k6Z)4)2,h,p(;;_,v,k,r,s,m.l,t,u$!0a0f0g0l0o0m0r0s0A0C0B0D4T0L0G0H0N0Y1c1n1o1r1p1t1A1w1x1B1G1P1R1S1T1V1!1q2d2f2g2w2A2B2C2E2F2G2!2,2I2Z3c3d3e3f2i2z2Q2j2@2q2(3l3o3p4G4u4v4w4x4Y4H4K4*4,4z5j5I6n5z6e5Z6a6b6d6f6k6o6g6t6u6v6w6x6y6D6F6G6L6A6(6;9H7B7C7E7F7G7L7M7R7S7V7I7Z8a8d8e8h$,$:$i9p8m9K9A9C9B9D$S$04U4V4W_F$I-0-f-H-L_M_R4X9L_W0E,e_X_@_i_Q_J_I_Z.e.f_*.t.s.w(C(H(N(S(9(-(()0)f)g)K)S0c0b0h)b7O,40d)!,o0e0k0p7H0Q0z:n0u0y))0T084R0M1Z1I.j_G0K0W0O0P001O1m1v1b1f1s1d1u037_1a:U0I0Z1y!m,-:e1K1M1F1E:o*i1h(t1U1X,f1(1@7k7f,92y0-2O(I2N2M2S2L2T(J2P2R2-2V2*2K)X2U)@2J2$2W2.)_3a2X2_2Y2H2;2)3h3r4s*e(7)o)O3k3n0!4F_O(j)Q_K_H4y4C4D4A4E4B0*4t04)9(64.4$4_4!4-4)4i)E5i0q6l6m5Q5J0i6c6h6E*u6s)7(q(Q0J6C6B7)0.0;,x6$6O(i6)9F9-9P9M9$7Y7D7A(z(4:g:h)8,T7P$27y0).b9;7N)T:*7X7U7W)(/4L7Q7$7-7.:206)

Компонент:

<template>
    <client-only>
        <yandex-map v-if="isMounted" :coords="coords" :zoom="zoom" :controls="controls">
            <ymap-marker
                v-for="address in addressesMap"
                :key="address.id"
                :marker-id="address.id"
                :coords="generateCoords(address.lat, address.long)"
                marker-type="placemark"
                :icon="markerIcon"
                @click="$emit('address', address)"
            />
        </yandex-map>
    </client-only>
</template>

Подскажите, пожалуйста, как это можно пофиксить? тоже пробовал - не получается Для примера могу скинуть работающий сайт. Карта грузится, всё отлично, но в консоли всё равно ошибка

PNKBizz commented 4 years ago

Спасибо, посмотрю

avxkim commented 3 years ago

@PNKBizz есть новости?

KVAnton-WEB commented 3 years ago

Почему-то не работает именно после сборки (в dev все ок) и использовании маркера (пробовал и просто примеры) Без маркера работает.. подстава.. client-only ни при чем (в моемо случае) Nuxt @ v2.14.12 + vuetifyjs

full-ffb813a29f30fea…42b7b6a91aa.js:1426 Uncaught TypeError: Cannot read property 'offsetWidth' of null
    at Object.getSize (full-ffb813a29f30fea…42b7b6a91aa.js:1426)
    at new z (full-ffb813a29f30fea…042b7b6a91aa.js:609)
    at new J (full-ffb813a29f30fea…042b7b6a91aa.js:621)
    at f.init (2356731.js:2)

EliotRaven commented 3 years ago

тоже столкнулся с данной проблемой

web-vovan commented 3 years ago

Помолго https://github.com/PNKBizz/vue-yandex-map/issues/53#issuecomment-377427410

yandex-maps-unofficial / vue-yandex-map

Nuxt: Ошибка Cannot read property 'offsetWidth' of null с <client-only> #261