无法在Laravel Mix中添加bootstrap.min.js

Question

我正在尝试通过Laravel mix合并所有资产文件。

当我尝试在混合中添加bootstrap js时遇到问题，它说can't resolve propper.js ，但是我已经在其前面添加了，

这是我的混合配置代码。

var mix = require('laravel-mix');

mix
    .js([
        'resources/assets/js/jquery.min.js',
        'resources/assets/js/popper.min.js',
        'resources/assets/js/bootstrap.min.js',
        'resources/assets/js/app.js'
    ], 'public/js/app.js')
   .sass('resources/assets/sass/app.scss', 'public/css');

我认为我做错事了，请让我正确。

Answer 1

我做了一些不同的事情。 我使用yarn下载了bootstrap（或者您可以使用npm）。 结果，您将拥有一个文件夹node_modules/bootstrap

在webpack.mix.js我只有app.js 。

在app.js中，我有

window.Popper = require('popper.js');

/**
 * We'll load jQuery and the Bootstrap jQuery plugin which provides support
 * for JavaScript based Bootstrap features such as modals and tabs. This
 * code may be modified to fit the specific needs of your application.
 */

window.$ = window.jQuery = require('jquery');

require('bootstrap');

注意！ 我也通过yarn（或npm）下载popper.js和jQuery