即使在脚本之前包含 app.js，jquery 也无法正常工作答案

【问题标题】：jquery not working even after including app.js before script即使在脚本之前包含 app.js，jquery 也无法正常工作
【发布时间】：2019-07-26 10:21:51
【问题描述】：

我的 package.json 文件具有 jquery 的 devDependency 为

"jquery": "^3.3.1",

我运行了一个 npm install，build，然后 npm run dev。

我的默认刀片模板文件在底部加载了脚本

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

@yield('js')

在我看来，我正在使用 javascript

@section('js')
    <script type="text/javascript">
        $(document).ready(function(){
            $('#centerhead').click(function(){
                alert('test js');
            });
        });
    </script>
@stop

然而，当我尝试使用 jQuery 时，我在控制台上收到了Uncaught ReferenceError: $ is not definederror。 Javascript 工作正常。

【问题讨论】：

可能的欺骗：stackoverflow.com/questions/46939027/… ... 检查 node_modules 中您从哪里加载 jquery 以及是否将 $ 绑定到窗口

标签： javascript php jquery laravel

【解决方案1】：

解决了。运行 npm install jquery 后安装在节点模块文件夹中。我必须在我的 bootstrap.js 文件中写 window.$ = window.jQuery = require('jquery')。之后，我运行了一个 npm run dev，一切都开始工作了。

【讨论】：

【解决方案2】：

在您的刀片文件中尝试以下操作。

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

您使用的是哪个前端框架？

【讨论】：

我正在使用 laravel 附带的刀片。我的资源文件夹中实际上没有 jquery。即使在执行 npm install 之后，我也只能在节点模块文件夹中得到它。