Laravel未捕获ReferenceError:未定义$。使用css动画
Laravel未捕获ReferenceError:未定义$。使用css动画
提问于 2019-02-01 21:05:55
我对在Laravel中使用jQuery非常陌生，我在让它正常工作时遇到了问题。(下面会有一个指向JSFiddle的链接，这样您就可以看到我的代码。)
我得到错误Uncaught ReferenceError: $ is not defined.
我尝试了多种方法来使用jQuery，但都不起作用
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>和
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>我还在本地下载了它，并将其保存在我的public/js文件夹中，并尝试这样链接：
<script src="{{asset('js/jquery-3.3.1.js')}}"></script>但都不管用..。
以下是包含错误的代码片段：
$("#a").click(function() {
$('.transform').toggleClass('transform-active'); });正如你所看到的，它可以在JSFiddle中工作，但我不能让它在我的项目中工作。
回答 1
Stack Overflow用户
发布于 2019-02-01 21:23:16
Laravel Mix带有开箱即用的jQuery自动加载功能。您可以在resources/js/bootstrap.js中找到此引用
try{
import $ from 'jquery';
window.$ = window.jQuery = $;
}catch(e) {}如果仍然不起作用，那么在尝试编译webpack.mix.js文件中的其他JavaScript文件之前，只需调用mix.autoload即可。
mix.autoload({ 'jquery': ['window.$', 'window.jQuery'] });
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54480166
复制相关文章
相似问题
腾讯云开发者
