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

Question

My package.json file has devDependency for jquery as

"jquery": "^3.3.1",

I ran an npm install, build and then npm run dev after that.

My default blade template file has the scripts loading in the bottom as

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

@yield('js')

and I am using javascript in my view as

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

yet I am getting Uncaught ReferenceError: $ is not definederror on the console when I am trying to use jQuery. Javascript works fine though.

Answer 1

Solved. After runing the npm install jquery was installed in the node modules folder. I had to write window.$ = window.jQuery = require('jquery') in my bootstrap.js file. After that I ran an npm run dev and things started working.