Laravel 6-Bootstrap为什么Popover在没有错误的情况下不起作用？

Question

我目前正在通过开发应用程序来学习laravel。我在后端做了很多事情，但是遇到前端问题时仍然遇到困难。我正在使用引导脚手架，并想在“ popover”中创建一个表单。我可以稍后再做，现在我只想按此按钮即可。我使用引导站点中显示的弹出窗口。Popover Bootstrap我只是在页面上放置一个按钮，并希望它在单击时具有弹出窗口。

<button type="button" class="btn btn-secondary" data-container="body"
                        data-toggle="popover" data-placement="left"
                        data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
                        Popover on left

[当我使用{{asset（'js / app.js'）}}（我的意思是public / js /中的本地文件）时，我无法使其正常工作。但是当我使用这些CDN脚本时：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

并且当我使用cdn时，还要将此脚本添加到正文的底部：

$(function () { $('[data-toggle="popover"]').popover()})

有效。但这不是解决方案，我想继续使用我的内部文件，而不是从CDN导入的文件。根据我的阅读和观察，在app.js中已经包含了这些脚本/函数。在这种情况下，仅显示刀片文件中如上所述的app.js路径就足够了。 （我也运行'npm install popper.js --save'）。我希望有一种方法可以使用内部js文件来处理此按钮。

额外：当我在控制台上键入'Popper'时，它会向我发送以下代码行。据我了解，它已定义。

Popper(reference, popper) {
var _this = this;
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
classCallCheck(this, Popper);
this.scheduleUpdate…

提前感谢。

Answer 1

window.Popper = require('popper.js').default;或resources/js/bootstrap.js文件中是否有resources/js/app.js？

也许您可以从引导程序和应用程序js文件中发布代码？