Почему возникает ошибка Cannot read properties of null (reading 'hasOwnProperty')?

Question

[mbhusty]

Привет! Есть следующий код:

addToWishlist(item) {
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({ ecommerce: null });
        window.dataLayer.push({
            event: 'add_to_wishlist',
            ecommerce: {
                currency: 'RUB',
                value: item.price,
                items: [item]
            },
            'gtm-ee-event-category': 'Enhanced Ecommerce',
            'gtm-ee-event-action': 'Add to a Wishlist',
        });
    },

при его вызове, возникает ошибка Cannot read properties of null (reading 'hasOwnProperty'). Кто может подсказать почему?

Сам метод вызывается из компонента так

favoritesAction() {
this.addFavorites(this.item.id).then(() => {
            this.$analytics.ga4.addToWishlist(this.ga4Product);}
}

и ошибка именно в строке window.dataLayer.push({ ecommerce: null });

Answer 1

[Aetae]

Ошибка точно не в этой строке, а в каком-то магическом коде.

Почему оно возникает?
С высокой вероятностью можно предположить, что:
1. window.dataLayer уже существует.
2. window.dataLayer.push переопределён или window.dataLayer является реактивным (vue?) массивом и отслеживает добавления.(что суть одно)
3. При push вызывается некая функция, которая без всяких проверок на то что значение не пустое делает условно так: puhedValue.ecommerce.hasOwnProperty(...) на чём благополучно и падает.

Что делать?
Не добавлять объект, в котором ecommerce: null, эта хрень ожидает, что ecommerce будет объектом и никак иначе.

Почему?
Хз, читайте доки, наверняка там описано как делать надо и не надо(ну или наоборот НЕ описано подобного варианта с null, что тоже вариант).

Comments

[mbhusty]

Хз, читайте доки, наверняка там описано как делать надо и не надо(ну или наоборот НЕ описано подобного варианта с null, что тоже вариант).

В том то и дело, что в доке везде эта строка используется

https://developers.google.com/tag-manager/ecommerc...

[Aetae]

mbhusty, ну значит твой код виноват. Где-то ты кладёшь dataLayer в vue. Если vue 2, то dataLayer автоматически при этом становится объетом vue, на изменения в котором ты где-то подписываешься и делаешь такую бяку. Или это делает какой-то плагин. Х.з. Без всего кода сложно сказать.

Answer 2

[Александр]

Иногда когда у вас есть глобальная переменная ecommerce то строка window.dataLayer.push({ ecommerce: null }); будет работать не так. Не экономьте кавычки.

Comments

[Aetae]

Как не так? Нормально всё будет работать.