Laravel 11+Filament 3点击操作触发模态框时出现黑屏遮罩无法交互

排查与修复步骤 #

• 清理前端缓存
  回滚代码后问题仍存在，优先考虑缓存干扰：

  • 强制刷新浏览器（Ctrl+Shift+R / Cmd+Shift+R）
  • 手动清理浏览器静态资源缓存（比如Chrome中进入「设置-隐私和安全-清除浏览数据」，勾选「缓存的图片和文件」）

• 重新生成Filament前端资源
  本地编译的资源可能残留异常，执行以下命令重置：

  php artisan filament:assets
  php artisan view:clear
  php artisan cache:clear
  

• 排查浏览器扩展冲突
  部分广告拦截、脚本类扩展会破坏Filament的JS逻辑，试试在无痕模式下访问页面。若问题消失，逐个禁用扩展找到冲突项。

• 同步依赖版本
  回滚代码时务必同步回滚composer.lock和package-lock.json，然后重新安装依赖：

  composer install
  npm install && npm run build
  

• 清理服务器缓存
  若使用OPcache、Redis等服务端缓存，重启对应服务或执行缓存清理命令，确保加载的是回滚后的代码资源。

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