Laravel 5.5 ReferenceError：$ 未定义
Jet*_*rst 4 php jquery laravel laravel-5 laravel-mix
出于某种原因，我的 jQuery 拒绝加载。我收到一个错误：
参考错误：$ 未定义
我的模板在views/layouts/editor.blade.php，我正在像这样在模板的头部加载 jQuery
<script src="{{ asset('js/jquery.min.js') }}"></script>
我可以看到 jQuery 已加载到我的控制台中。但我仍然收到错误。
我正在使用 laravel mix 编译我的 javascript，我的 webpack.mix.js 文件如下所示：
// javascript
mix.js('resources/assets/js/app.js', 'public/js')
.js('node_modules/jquery/dist/jquery.min.js', 'public/js')
.autoload({
jquery: ['$', 'window.jQuery', 'jQuery'],
});
// css
mix.sass('resources/assets/sass/app.scss', 'public/css')
.sass('node_modules/bootstrap/scss/bootstrap.scss', 'public/css');
为什么会这样？
编辑：
我的模板文件如下所示：
<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Laravel') }}</title>
<!-- Styles -->
<link href="{{ asset('css/bootstrap.css') }}" rel="stylesheet">
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<!-- scripts -->
<script src="{{ asset('js/jquery.min.js') }}"></script>
<script>
$(function(){
alert();
});
</script>
</head>
<body>
@yield('content')
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}"></script>
</body>
</html>
如果我查看控制台，我会看到以下内容
如果我在新选项卡中打开 jquery.min.js 文件，我会看到以下内容：
所以它是所有 webpack 样板文件下面的 jquery。
我还运行了npm run production它删除了所有 webpack 内容并保留了原始 jquery。
尝试这个。在您的视图文件中，在内容部分下创建一个部分
@section('scripts')
<script src="{{ asset('js/jquery.min.js') }}"></script>
<script>
$(function(){
alert();
});
</script>
<script src="{{ asset('js/app.js') }}"></script>
@endsection
然后 @yield('scripts') 就在模板文件中的 @yield('content') 下。所以它看起来像
<body>
@yield('content')
<!-- Scripts -->
@yield('scripts')
</body>
| 归档时间： |
|
| 查看次数： |
19075 次 |
| 最近记录： |