Загрузка ошибок popper.js на тему Magento 2 (требуется js)


Я пытаюсь реализовать начальную загрузку версии 4.0 в теме magento 2, но получаю ошибку popper.js.

App/design/frontend/vendor/theme/requirejs-config.js

var config = {
    deps: [
        'js/theme'
    ],
    paths: {
        'popper': 'js/bootstrap4/popper.min',
        'bootstrap4': 'js/bootstrap4/bootstrap.min'
    },
    shim: {
        'popper': {
            'deps': ['jquery'],
            'exports': 'Popper'
        },
        'bootstrap4': {
            'deps': ['jquery', 'popper']
        }
    }
};

App/design/frontend/vendor/theme/web/js/theme.js

require(['jquery', 'popper'], function($, Popper) {
    window.Popper = Popper; // re-attach to global scope
    require(['bootstrap4'], function() {
        $(function() {
            // This function is needed (even if empty) to force RequireJS to load Twitter Bootstrap and its Data API.
            // You can make calls to bootstrap functions here.
            alert('ok');
        });
    });
});

Ошибка:

ПОЛУЧИТЬ http://127.0.0.1/default/popper.js net::ERR_ABORTED требуется.js:1895

Неперехваченная ошибка: Ошибка сценария для: popper.js требуется.js:166

Obs:

Мой файлы js начальной загрузки находятся в app/design/frontend/vendor/theme/web/js/bootstrap4 директории

Я бегу:

php -f bin/magento setup:upgrade;
sudo chown `whoami`:www-data /var/www/ -R;
cd vendor/snowdog/frontools/;
gulp styles;
Author: Community, 2018-01-27

2 answers

Попробуйте это

var config = {
    deps: [
        'js/theme'
    ],
    paths: {
        'popper': 'Package_Module/js/bootstrap4/popper.min',
        'bootstrap4': 'Package_Module/js/bootstrap4/bootstrap.min'
    },
    shim: {
        'popper': {
            'deps': ['jquery'],
            'exports': 'Popper'
        },
        'bootstrap4': {
            'deps': ['jquery', 'popper']
        }
    }
};
 0
Author: inrsaurabh, 2018-01-27 15:28:11

Если кто-то еще не может решить эту проблему, я получил ее с помощью bootstrap.bundle.js и простой обходной путь настройки:

var config = {
    deps: [
        'js/category-slider'
    ],
    paths: {
        'bootstrap4': 'js/vendor/bootstrap.bundle.min'
    },
    shim: {
        'bootstrap4': {
            'deps': ['jquery']
        }
    }
};

Вот ссылка cdn для файла пакета: https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.bundle.min

 3
Author: turquoise phase, 2018-05-09 15:26:11