Ошибка popper.js при включении Bootstrap 4 в конфигурацию RequireJS

Question

При включении Bootstrap 4 в конфигурацию RequireJS для включения в мое приложение я получаю следующее предупреждение:

Не удалось загрузить файл с источником " https://crmpicco.localhost/app/app_dev.php/en/portal/view/ksldjfkldsjfklsdjflkj/popper.js ".

и следующая ошибка:

Ошибка: ошибка сценария для "popper.js", необходимая для: bootstrap https://requirejs.org/docs/errors.html

при использовании Bootstrap 4 с RequireJS/AMD, и я не могу решить, как ее решить.

require = {
    paths: {
        jquery: '/app/assets/vendor/jquery/dist/jquery.min',
        popper: '//cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min',
        bootstrap: '/app/assets/vendor/bootstrap/dist/js/bootstrap.min',
    }
}

Я также пытался сбросить <script> тег popper.js прямо в исходный код до того, как мой скомпилированный JavaScript включен, но это не имеет никакого эффекта.

Что мне не хватает?

Answer 1

Я решил эту проблему, сделав следующее...

Я использую Yarn, поэтому я включил popper.js с yarn add popper.js

затем настроил мой RequireJS config.js:

require = {
    baseUrl: '/app/assets/js',
    paths: {
        jquery: '/app/assets/vendor/jquery/dist/jquery.min',
        popper: '/app/assets/vendor/popper.js/dist/umd/popper.min',
        bootstrap: '/app/assets/vendor/bootstrap/dist/js/bootstrap.bundle.min'
    },
    shim: {
        bootstrap: {
            deps: [
                'jquery',
                'popper'
            ]
        }
    }
}