Laragon环境下WordPress加载carousel.js报ERR_ABORTED 404求助
问题原因
- 路径解析错误:你在
front-page.php末尾手动引入carousel.js用的是相对路径js/carousel.js,相对路径会基于当前访问的站点根URL解析,最终请求地址是http://name.test/js/carousel.js,但你的js文件存放在当前主题目录下,并非站点根目录的js文件夹,该路径实际不存在,因此返回404。 - 脚本加载逻辑重复:你已经在
functions.php中通过WordPress官方的wp_enqueue_scripts钩子注册了carousel脚本,不需要再手动在模板里写script标签引入,两者冲突的同时,手动引入的路径错误直接触发了404。 - 注册参数缺失:
functions.php中注册carousel脚本时wp_register_script的参数不完整,缺少依赖声明、版本号、页脚加载配置,可能导致脚本加载异常。
解决方案
- 删除冗余引入代码
直接删掉front-page.php末尾的这行手动引入代码即可:
<script type="text/javascript" src="js/carousel.js"></script>
- 修正脚本注册代码
将functions.php中carousel脚本的注册代码补全合法参数:
// 替换原来的wp_register_script('carousel', ...) 这行 wp_register_script('carousel', get_template_directory_uri() . '/js/carousel.js', array(), '1.0.0', true);
参数说明:第三个参数array()为依赖列表,无依赖就留空数组;第四个参数为版本号,可自定义;第五个参数true表示脚本加载在页脚,避免阻塞DOM渲染。
3. (可选)手动引入的修正方案
如果你不想通过WordPress的入队机制加载,需要把手动引入的相对路径替换为主题目录的绝对路径,同时删掉functions.php中注册加载carousel的相关代码,避免重复加载:
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/carousel.js"></script>
- 额外排查项
确认主题目录下的js文件夹权限为可读,文件名大小写与代码中引用一致,避免后续部署到Linux环境时再次出现路径错误。
内容的提问来源于stack exchange,提问作者user15418789
相关产品推荐
相关产品推荐

