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

Question

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

"jquery": "^3.3.1",

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

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

<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

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