Uncaught ReferenceError: j$ is not defined 报错原因排查求助

核心原因 #

你遇到的Uncaught ReferenceError: j$ is not defined错误是因为jQuery的自定义别名j$没有被全局声明，jQuery默认暴露的全局变量只有$和jQuery两个，不存在内置的j$变量。

对应解决方案 #

• 方案1：手动声明jQuery别名
  在jQuery引入完成后、你自己的业务脚本执行前，添加别名声明代码：

  const j$ = jQuery.noConflict();
  

  这段代码可以放在<script src="https://www.perfectmakeupmirrors.com/skin/frontend/modello/default/js/script.js"></script>后面，也可以放在你自己写的j$(document).ready代码最顶部。
• 方案2：直接替换变量名
  如果你不需要处理多库冲突，直接把业务代码里所有的j$替换为$或者jQuery即可直接运行。
• 排查加载异常
  如果你原本的预期是引入的script.js已经完成了别名定义，需要确认这个JS文件是否加载成功：打开浏览器控制台的网络标签，检查该文件请求是否返回200状态，避免因为文件加载失败导致别名未注册。

额外潜在问题 #

你当前代码中调用j$("#owl-example").owlCarousel，但页面body内没有id为owl-example的DOM元素，解决完别名报错后还会遇到相关的方法调用异常，需要补充对应结构后再测试轮播功能。

内容的提问来源于stack exchange，提问作者CodeForGood