Нуст | Загадка в addEventListener: «referenceError: окно не определено»

Я работаю над меню гамбургеров. Но у меня ошибка. Это дает следующий

Нуст | Загадка в addEventListener: «referenceError: окно не определено»

ReferenceError: окно не определено. Ошибка в созданном разделе.

<script>
export default {
    name: "navigation",
    data() {
        return {
            scrollPosition: null,
            mobile: null,
            mobileNav: null,
            windowWidth: null,
        };
    },
    created() {
        window.addEventListener("resize", this.checkScreen);
        this.checkScreen();
    },
    methods: {
        toggleMobileNav() {
            this.mobileNav = !this.mobileNav;
        },

        checkScreen() {
            this.windowWidth = window.innerWidth;
            if (this.windowWidth <= 750) {
                this.mobile = true;
                return;
            }
            this.mobile = false;
            this.mobileNav = false;
            return;
        },
    },
};
</script>

🤔 А знаете ли вы, что...
JavaScript позволяет создавать мобильные приложения для iOS и Android с использованием фреймворков, таких как React Native и NativeScript.


1
79
1

Ответ:

Решено

Как объяснено здесь: https://stackoverflow.com/a/67751550/8816585

window здесь не определено, потому что ваш код работает как на стороне клиента, так и на стороне сервера. Но window недоступен на стороне сервера.

Проверьте решение для получения дополнительной информации или используйте mounted, если вы спешите.