加载JQuery文件出现$.widget、fileupload等报错该如何解决

所有报错均由依赖缺失或加载顺序错误导致，可按以下步骤逐一排查修复：

1. 修复$.widget is not a function报错 #

该报错是jQuery File Upload的前置依赖缺失导致，处理方式：

• 确认已引入jquery.ui.widget.js（或全量jQuery UI库），这是jQuery File Upload运行的必要依赖
• 严格按顺序加载JS文件：jQuery核心库 → jquery.ui.widget.js/jQuery UI → jquery.fileupload.js，顺序颠倒会直接触发该报错
• 排查是否存在多版本jQuery重复加载的情况，重复加载会覆盖之前挂载的$.widget方法，导致初始化失败

2. 修复Cannot read properties of undefined (reading 'fileupload')系列报错 #

该类报错是基础的jquery.fileupload.js初始化失败后，后续扩展插件找不到依赖导致：

• 先完成第一步的$.widget报错修复，确保jquery.fileupload.js能正常初始化
• 确认所有fileupload扩展插件（图片/音频/视频/校验/UI扩展）的加载顺序在基础jquery.fileupload.js之后

3. 修复Cannot read properties of undefined (reading 'tooltip')报错 #

该报错是tooltip组件未正确加载导致，处理方式：

• 若使用Bootstrap的tooltip，需确认已引入Bootstrap JS文件，且加载顺序在jQuery之后、调用tooltip的v1.js之前
• 若使用jQuery UI的tooltip，需确认引入的jQuery UI已包含tooltip模块
• 可尝试将代码中$().tooltip改为jQuery().tooltip，验证是否为jQuery别名$指向冲突导致的问题

快速校验方式 #

打开浏览器控制台，分别输入$.widget、$.fn.fileupload、$.fn.tooltip执行，若返回undefined则说明对应依赖未正确挂载，可针对性排查加载顺序和依赖完整性。

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