У меня тут ошибочка Mismatching childNodes vs. VNodes, а также

Question

У меня тут ошибочка Mismatching childNodes vs. VNodes, а также

то что nuxtjs видит по другому то что должно быть зарендерино.

Как я могу отловить что именно nuxt ломает / где ломается?

Все начинается с того что в state.servers, который я использую для v-for="..." :key="..." я по умолчанию выставляю пустой массив (т.е. state: {servers: []}), в дальнейшем в него будут записываться объекты. Которые будут храниться на стороне клиента в localStorage.

Он, как я понимаю, пытается чет отрендерить. А что самое интересное, так это то что я использую библиотеку vuex-persistedstate, для сохранения state в localStorage.

Смотрел в сторону <no-ssr>, но это бы еще понять какой элемент (или элементы) отказываются работать и, главное, почему.

Повторю вопрос в конце, так как он мог потеряться среди текста.

Как можно понять / найти что именно nuxt потерял или, возможно, можно узнать в чем именно проблема?

#nuxt.js #programming #russian #software

0

11.12.2021

5 ответов

33 просмотра

Black_Yuzia Yuzia Автор вопроса

Если кому интересно, переделка плагина в ssr + csr режим, а не csr режим only, помогла решить трабл с синхронизацией. // plugins/persistedState.js import createPersistedState from "vuex-persistedstate"; import Cookies from "js-cookie"; import cookie from "cookie"; export default ({ store, req }) => { createPersistedState({ paths: [...], storage: { getItem: key => { if (process.server) { const parsedCookies = cookie.parse(req.headers.cookie ?? ""); return parsedCookies[key]; } else { return Cookies.get(key); } }, setItem: (key, value) => Cookies.set(key, value, { expires: 1, secure: false }), removeItem: key => Cookies.remove(key) } })(store); }; Пока-что fixed Сам найди, сам пофикси, сам отпиши, сам скажи спасибо самому себе 👀

0

11.12.2021