Laravel 使用 webpack(Mix) 后提示 $ is not defined的解决办法

使用 Laravel 默认的 mix webpack 打包 js 文件时，已经内置了 JQuery，但是在 blade 页面中写JQuery 代码时，仍然报错：$ is not defined，具体如图：

解决方法是去掉调用 app.js 代码中的 defer。

将：

<script src="{{ asset('js/app.js') }}" defer></script>

改为：

<script src="{{ asset('js/app.js') }}"></script>