You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Django中使用Sweetify出现Swal未定义错误求助

Django中解决Sweetify的Swal未定义问题

检查JS文件引入顺序与完整性

  • 必须优先引入SweetAlert2核心JS,再加载Sweetify的适配JS,因为Sweetify依赖前者提供Swal对象:
    <!-- 引入SweetAlert2核心库 -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <!-- 引入Sweetify的Django适配文件 -->
    <script src="{% static 'sweetify/sweetify.min.js' %}"></script>
    
  • 打开浏览器控制台的「网络」面板,确认这两个JS文件都成功加载(无404或加载失败状态)。

验证settings.py配置正确性

确保配置中指定了正确的依赖库版本:

SWEETIFY_SWEETALERT_LIBRARY = 'sweetalert2'
# 其他自定义配置按需添加,比如:
# SWEETIFY_SUCCESS_TITLE = '操作完成'

确保模板渲染Sweetify消息

在项目的基础模板(base.html)的</body>标签前添加{% sweetify %}标签,该标签负责渲染后端传递的Sweetify弹窗指令:

{% sweetify %}
</body>
</html>

检查视图调用语法

确认视图中调用Sweetify的方式符合规范:

from sweetify import sweetify

def sample_view(request):
    sweetify.success(request, '提交成功', text='数据已保存至数据库')
    return render(request, 'sample.html')

排查模板继承问题

若使用模板继承,确保{% sweetify %}标签位于最终渲染页面的</body>前,避免被子模板的内容覆盖。


内容的提问来源于stack exchange,提问作者salvador castillo

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.14 23:47:02