Выложили приложение в продакшн и у одного пользователя появляется ошибка
[nuxt] Error while initializing app DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.
Ничего странного в коде не нашлось и методом тыка нашел причину:
<div class="form-block" v-if="$store.state.language === 'ru'">
<label>Zip code *</label>
</div>
Конструкция v-if="$store.state.language=== 'ru'" и вызывает ошибку.
Во vuex:
...
state: () => ({
language: 'en',
}),
actions: {
nuxtServerInit ({ commit }, { req }) {
let language = 'en';
if (req.headers['accept-language']) {
if (req.headers['accept-language'].toLowerCase().indexOf('ru') > -1) {
language = 'ru';
}
}
commit('setLanguage', language);
}
}
То есть язык определен изначально на сервере. Да и ошибка только у одного пользователя и только в хроме!
Вроде бы нашел пост с такой же ситуацией
https://github.com/nuxt/nuxt.js/issues/3575 но там так ни к чему и не пришли.
В чем может быть дело?
Простой