Vue 3, ошибка TypeError: Cannot read properties of undefined (reading 'deep') после сборки
Использую Vue 3 + Quasar. Столкнулся с ошибкой, которая отсутствует в режиме разработки, но появляется после сборки и деплоя на сервер.
Есть объект вида:
itemsList = {
123e4567-e89b-12d3-a456-426614174000: [
{
id: 123,
name: 'name',
...
},
...
],
234a5678-e89b-12d3-a456-426614174000: [
{
id: 345,
name: 'name',
...
},
...
]
}
От родителя передаю эти данные в компонент, прописываю пропс и разбираю его так:
<div
v-for="(group, key_group) of sortItems(itemsList)"
:key="key_group"
>
<div
v-for="(item, idx_item) in group"
:key="item.id"
>
...
<q-btn flat icon="more_vert"> <!-- При клике на кнопку с выпадающим списком ошибка -->
<q-menu anchor="top left" self="top right">
<q-list bordered separator>
<q-item v-if="!item.save" v-close-popup clickable @click="onSave(item)">
...
</q-item>
</q-list>
</q-menu>
</q-btn>
</div>
</div>
// Метод сортировки
const sortAnalogItems = (itemsList) => {
const sortAnalogItemsList = Object.fromEntries(
Object.entries(analogItemsList).sort(([,a]: any, [,b]: any) => a[0].order - b[0].order)
);
return sortAnalogItemsList;
}
Ошибка:
TypeError: Cannot read properties of undefined (reading 'deep')
at Dr (vendor.a075c026.js:1:31812)
at index.62782128.js:1:469694
at r (vendor.a075c026.js:1:14319)
at hw (vendor.a075c026.js:78:1189)
at Proxy.<anonymous> (vendor.a075c026.js:78:154926)
at hn (vendor.a075c026.js:1:14627)
at we.fn (vendor.a075c026.js:1:40931)
at we.run (vendor.a075c026.js:1:4710)
at R (vendor.a075c026.js:1:41200)
at L (vendor.a075c026.js:1:39592)
TypeError: Cannot read properties of undefined (reading 'deep')
at Dr (vendor.a075c026.js:1:31812)
at index.62782128.js:1:469694
at r (vendor.a075c026.js:1:14319)
at hw (vendor.a075c026.js:78:1189)
at Proxy.<anonymous> (vendor.a075c026.js:78:154926)
at hn (vendor.a075c026.js:1:14627)
at we.fn (vendor.a075c026.js:1:40474)
at we.run (vendor.a075c026.js:1:4710)
at O (vendor.a075c026.js:1:40177)
at I (vendor.a075c026.js:1:39408)