无法在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');

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

下载