在RequireJS配置中包含Bootstrap 4時出現popper.js錯誤

Question

當在我的應用程序中包括Bootstrap 4到我的RequireJS配置中時，我得到以下警告：

源“ https：//crmpicco.localhost/app/app_dev.php/en/portal/view/ksldjfkldsjfklsdjflkj/popper.js ”的加載失敗。

和以下錯誤：

錯誤：“ popper.js”的腳本錯誤，需要引導程序：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',
    }
}

我還嘗試過在包含我的已編譯JavaScript之前將popper.js的<script>標記直接放入源中，但是它沒有任何作用。

我想念什么？

Answer 1

我通過以下操作解決了這個問題...

我使用的是Yarn，所以我在yarn add 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'
            ]
        }
    }
}