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

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

0 голосов
/ 13 декабря 2018

При включении 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#scripterror

при использовании 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 включен, но это не имеет никакого эффекта.

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

1 Ответ

0 голосов
/ 19 декабря 2018

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

Я использую 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'
            ]
        }
    }
}
...