Laravel Nova点击删除按钮无确认弹窗且屏幕灰化问题求助

常见触发原因 #

• 自定义Nova资源的actions方法存在语法错误，或者删除动作被重写时遗漏了模态框触发逻辑
• 前端资源冲突：自定义的Nova工具、卡片、字段引入的JS和Nova原生删除模态框的JS逻辑冲突
• Nova版本和Laravel版本不兼容，尤其是跨大版本升级Nova后未同步更新前端依赖
• 资源配置中softDeletes开启逻辑错误，或者删除权限配置缺失
• 浏览器缓存了旧版Nova前端资源，即使执行了publish命令也未拉取到最新的静态资源

逐步排查步骤 #

第一步：验证基础权限与资源配置 #

• 检查对应Nova资源的authorizeToDelete方法返回值，确认当前登录用户确实有删除权限，权限判断逻辑不要返回null或者异常值
• 如果开启了软删除，确认资源文件中已经引入了SoftDeletes trait，配置无拼写错误

第二步：排查前端资源问题 #

• 打开浏览器开发者工具，切换到控制台标签，点击删除按钮后查看是否有JS报错，优先解决所有红框报错
• 清除浏览器端的强缓存（Ctrl+Shift+R/Command+Shift+R强制刷新），如果是生产环境确认静态资源的CDN缓存也已经更新
• 执行npm install && npm run prod重新编译项目前端资源，确认所有Nova相关的依赖都正常编译完成

第三步：排查自定义逻辑冲突 #

• 临时注释掉对应Nova资源中自定义的actions、fields、卡片代码，恢复默认配置后测试删除功能是否正常
• 近期新安装的Nova第三方扩展先逐个禁用，排查是否为扩展引入的冲突

第四步：版本兼容校验 #

• 确认当前使用的Nova版本和Laravel版本符合官方兼容要求，大版本不匹配的话需要降级/升级对应组件
• 如果是近期升级的Nova，执行php artisan nova:asset-publish --force重新发布Nova核心静态资源，再执行php artisan optimize:clear清理缓存

内容的提问来源于stack exchange，提问作者Iván