popper.js 在 RequireJS 配置中包含 Bootstrap 4 时出错

Question

在我的 RequireJS 配置中包含 Bootstrap 4 以包含在我的应用程序中时，我收到以下警告：

Loading failed for the with source “https://crmpicco.localhost/app/app_dev.php/en/portal/view/ksldjfkldsjfklsdjflkj/popper.js”.

和以下错误：

Error: Script error for "popper.js", needed by: 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',
    }
}

我也曾尝试在包含我编译的 JavaScript 之前将 popper.js 的 <script> 标记直接放入源代码中，但它没有任何效果。

我错过了什么？

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'
            ]
        }
    }
}

popper.js 在 RequireJS 配置中包含 Bootstrap 4 时出错

popper.js error when including Bootstrap 4 in RequireJS config

javascript

twitter-bootstrap

bootstrap-4

requirejs

popper.js