Bootstrap公开了一个编程API，允许您通过JavaScript访问Bootstrap功能。我的应用程序需要该API公开的元素，如Collapse。我在访问这些元素时遇到问题。
根据Bootstrap documentation，我将import添加到<script>标记中，如下所示：

<script type="module">
    import { Collapse }  from '/js/app.js';
    // the rest of my script code
</script>

但是控制台报告The requested module '/js/app.js' does not provide an export named 'Collapse'。
我需要对webpack.mix.js或我的源JS文件做什么更改才能公开Collapse和Bootstrap编程API的其他元素？

• • 网络包.混合. js**

const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .sourceMaps();

• • 资源/js/应用程序. js**

window._ = require("lodash");

try {
    require("bootstrap");
    require("admin-lte");
} catch (e) {}

window.axios = require("axios");

window.axios.defaults.headers.common["X-Requested-With"] = "XMLHttpRequest";