Laravel Mix 我的 javascript 代码没有运行

Question

我正在使用 Laravel编译 Assets 时遇到问题。默认情况下，laravel 为 webpack 提供了一个包装器，它是 laravel-mix , laravel-mix使用名为 webpack.mix.js 的文件，并使用 npm run dev命令，laravel-mix编译所有 js文件合并成一个 webpack 包 js文件。

webpack.mix.js 的代码:

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

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

我有一个 Main.js文件有一些 jquery代码。

主要.js:

;( function( $, window, document, undefined ) {

    'use strict';
    $(window).on('load', function() {
        alert('ready');
    });
 }
)( jQuery, window, document );

我的目录结构是这样的

resources\assets\js

app.js
bootstrap.js
Main.js

app.js 代码:

require('./bootstrap');

bootstrap.js 的代码:

try {
    window.$ = window.jQuery = require('jquery');// jquery
    require('bootstrap');// bootstrap framework js
    require('./Main'); // Main.js


} catch (e) {
}

当我输入命令 npm run dev所有 Assets 都编译成一个文件，那为什么我的 Main.js只是一个警告弹出窗口的 jquery 代码不会在页面上执行。

但是当我改变 bootstrap.js 的顺序时文件变成这样然后我的 Main.js代码被执行。

try {
    window.$ = window.jQuery = require('jquery');// jquery
    require('./Main'); // Main.js
    require('bootstrap');// bootstrap framework js



} catch (e) {
}

为什么会发生这件事。 bootstrap framework js之间是否发生冲突？文件和 Main.js文件。

Answer 1

在评论中回复 tldr:

There is not any error comes, but when i load my page my Main.js script is not executed

我有同样的问题，包括 manifest.js和 vendor.js解决了这些问题:

<script src="{{ mix('js/manifest.js') }}"></script>
<script src="{{ mix('js/vendor.js') }}"></script>