Laravel 加载jquery和boostrap时出现问题（可能是app.js和webpack.mix.js问题）

我正在尝试使用引导创建下拉列表，但下拉列表没有打开。我通过添加

jquery

和

boostrap

css&jscdn链接到我的页眉和页脚来修复它。我的理解是

jquery.js

和

bootstrap.js

都应该包含在

app.js

中。然而，当我查看我的

app.js

时，我看不到这两个应用程序的代码，它看起来也不正确

我创建了一个自定义的

test.js

文件，该文件假定在页面加载时显示警报，当单击按钮但我得到

$时，
是未定义的
，除非我将
jquery.js
和
test.js
合并到一个文件中，否则jquery不应该再次加载到
app.js

test.js

$(function() {
    alert('test');
}

function test() {
    alert('worked');
}

webpack.js

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
    .styles(['resources/assets/css/approve.css'], 'public/css/approve.css')
    .scripts(['resources/assets/js/jquery-3.2.1.js',
        'resources/assets/js/test.js'],
        'public/js/vendor.js');

app.js


footer.js

<script type="text/javascript" src="{{asset('js/vendor.js')}}"></script>
<script type="text/javascript" src="{{ asset('js/app.js') }}"></script>
</body>
</html>

full bootstrap.js

app.scss

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

如果
app.js
将
bootstrap.js
和
jquery.js
组合在一起，我就不必再包含它们了，我的想法正确吗

我曾经有过同样的问题

只需删除
window.$=window.jQuery=require（'jQuery'）来自您

bootstrap.js
并再次传输代码。你应该在
app.js
之前添加
jquery
，让它工作起来
修复了我的问题。不知何故，我的
resources/assets/js
中的
app.js
被覆盖了，里面有一个函数，所以我复制并粘贴了来自laravel的原始函数

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";