Laravel使用Voyager遇到JQuery错误

最新推荐文章于 2026-05-30 17:25:29 发布

原创最新推荐文章于 2026-05-30 17:25:29 发布 · 548 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

php 专栏收录该内容

11 篇文章

订阅专栏

本文解决了Laravel5.5使用Voyager1.1时出现的面包屑系统字段规则显示异常及项不可拖动的问题。通过替换jQuery UI的CDN链接，成功修复了前端组件加载失败的情况。

Laravel5.5使用tcg/voyager1.1遇到在Bread系统中编辑后边的字段规则不能以正常Json方式显示，且bread-items无法拖动的问题，如图：
这里写图片描述

由于之前安装过一次，是能正常显示的，如图：
这里写图片描述

一看是前端问题，果断F12打开console:
这里写图片描述

JQuery UI加载失败Failed to load resource: net::ERR_CONNECTION_RESET，一看后边是googleapi出品的东西，瞬间明白了，解决办法——更换这两个文件的地址，所以需要重写模板文件
vendor\tcg\voyager\resources\views\tools\bread\edit-add.blade.php,
参照Voyager手册，在resources/views/vendor/voyager/tools/bread/edit-add.blade.php文件中做了修改，我用的JQuery官网的CDN，进行了修改：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script
     src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
     integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
     crossorigin="anonymous"></script>
<script>