Question

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

with源的加载失败 “ 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中包含了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'
            ]
        }
    }
}

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

1 个答案: