Question

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

"jquery": "^3.3.1",

我运行了npm安装程序，然后进行构建，然后npm运行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 defined错误。 JavaScript可以正常工作。

Answer 1

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

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

您正在使用哪个前端框架？

Answer 2

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

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

2 个答案: