В чем заключается ошибка в моем коде?

Question

[Егор Тельнов]

Здравствуйте! Помогите пожалуйста с решением вопроса. Есть вот такой JS код.

class Tweaks {
    constructor() {
        this.initFullpage();
    }

    initFullpage = () => {
        const myFullpage = new fullpage('#fullpage', {
            lazyLoad: true,
            controlArrows: true,
            navigation: true,
            slidesNavigation: true,
            menu : '#menu'
        });
        return this
    }};

В консоли хром выводится вот такая ошибка

При чем возникает она только при открытии странички с мобильного устройства, или при развертывании через open server. Никак не могу понять в чем дело. Не могли бы вы мне подсказать

На всякий случай прикладывыю ссылку на репозиторий https://github.com/egoridze99/testSite.io

Comments

[RAX7]

добавь плагин для babel https://babeljs.io/docs/en/babel-plugin-proposal-c...

Answer 1

[bugagashnik]

Используется babel, синтаксис es6(ESMASCRIPT 2015), что не поддерживается в твоем проекте.

Comments

[Егор Тельнов]

Спасибо большое!

Answer 2

[Егор Тельнов]

После того как сделал вот так:

class Tweaks {
    constructor() {
        this.initFullpage();
        this.initMenuPanel();
        this.modalWindow();
    }

    initFullpage() {
        const myFullpage = new fullpage('#fullpage', {
            lazyLoad: true,
            controlArrows: true,
            navigation: true,
            slidesNavigation: true,
            menu : '#menu'
        });
        return this
    }};

все заработало. Но почему так, я не знаю. Не могли бы вы мне объяснить?

Comments

[bugagashnik]

https://stackoverflow.com/a/41398791/9497404

[bugagashnik]

Суть в том, что стрелочные функции используют вне объявления класса. Обычно за его пределами можно использовать функции const doSmth=()=> {}