laravel-admin 日期插件相关js、css(flatpickr.min.css)文件not found

问题定位

最近项目用到laravel-admin框架,通过 F12调试时,发现命令行提示以下错误,本着有Bug就解决原则,开始对Bug进行定位

image.png

如上图所示,laravel-admin 提示这几个文件 404,通过定位找到 vendor/encore/laravel-admin/src/Form/Field/DateMultiple.php 文件中 设置了 css js 路径,如下图所示:

image.png

解决办法

虽然该错误提示不影响后台使用,但还是需要解决这个Bug

  • 方法1
    注释 $css $js 中的路径值,但由于 vendor 一般都是通过 composer update去更新的,所以直接修改该文件下面还是非常不方便的,不建议使用

  • 方法2


    既然方法1不建议采用,不能直接修改该文件,那就只能通过继承DateMultiple 类重写 $css $js来解决了,重写步骤:

    1、 在 app/Admin 下新建 Widgets文件夹,在该文件夹中新建 DateMultipleLocal 类,并且继承DateMultiple,在该文件中重写 $css $js,如下图所示:

    image.png

2、重写完成之后,找到 app/Admin/bootstrap.php,写入以下代码即可:

\Encore\Admin\Form::extend('DateMultiple',\App\Admin\Widgets\DateMultipleLocal::class);

按上述步骤完成之后,刷新页面即可看到错误提示没有了

你可能感兴趣的:(laravel-admin 日期插件相关js、css(flatpickr.min.css)文件not found)