如何包含Bootstrap 5个JS文件（bootstrap.bundle.js）到laravel 8？

Question

我已经使用 npm 在我的 Laravel 8 项目中安装了 Bootstrap v5.1.0。如何在我的 public/app.js?

中包含 bootstrap.bundle.js

我已经安装了 popperjs 并将此代码添加到我的 resources/js/bootstrap.js

try {
        window.Popper = require('@popperjs/core');

        require('bootstrap');
    } catch (e) {
}

我的webpack.mix.js代码：

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/scss/app.scss', 'public/css')
    .sourceMaps();

我在我的模板上添加了 CSS 和 JS，如下所示：

{{-- Styles --}}
<link rel="stylesheet" href="{{asset('css/app.css')}}">

{{-- Script --}}
<script src="{{asset('js/app.js')}}"></script>

public/js.app.js（从 mix 生成）有很多代码（见下图），但仍然 bootstrap JS 代码（例如：Popovers）不起作用。

如何在我的项目中正确包含 Bootstrap JS 文件？

Answer 1

好的，我找到了解决方案。这是一个愚蠢的错误。 Bootstrap 5 需要额外的 JavaScript 代码才能使弹出窗口正常工作。我正在为（如果）有人通过谷歌搜索来到这里写这个答案。这是 Popover 代码的 link。 Bootstrap Documentation

我在 public/js.app.js 上找到的所有代码（从 mix 生成）都是在开发环境中创建的 (npm run dev) .当我运行 npm run prod （生产）时，它会删除这些代码并缩小输出。

谢谢。祝你有个美好的一天。

How to include Bootstrap 5 JS file (bootstrap.bundle.js) to laravel 8?