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

Question

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

with 源加载失败 “https://crmpicco.localhost/app/app_dev.php/en/portal/view/ksldjfkldsjfklsdjflkj/popper.js”。

还有以下错误：

错误：“popper.js”的脚本错误，需要：bootstrap https://requirejs.org/docs/errors.html#scripterror

当使用带有 RequireJS/AMD 的 Bootstrap 4 时，我不知道如何解决它。

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 中包含了 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'
            ]
        }
    }
}