将index.html脚本迁移至angular.json后应用异常，求排查方案？

以下是几个可能的原因及排查方向：

• 脚本加载顺序错误
  原index.html中的脚本是按业务依赖顺序加载的（比如jQuery必须在依赖它的AngularJS组件、jQuery插件之前加载）。如果仅将jQuery移到angular.json，而其他依赖脚本（如underscore、moment，或基于jQuery的UI库）仍留在index.html，或未添加到angular.json的scripts数组中，会破坏原有的加载顺序。比如AngularJS可能在jQuery之前初始化，导致使用内置的jqLite而非完整jQuery，DOM操作逻辑和预期不符，进而引发UI错乱。

• 缺失依赖脚本
  原项目的UI可能依赖underscore、moment或其他lib目录下的脚本，你仅迁移了jQuery，其他脚本要么被移除未添加，要么仍在index.html中但加载时机不对。这些缺失的脚本可能负责数据处理、日期格式化或UI组件渲染，缺少它们会导致页面布局、内容渲染异常，但因为代码中有容错逻辑，未抛出控制台错误。

• jQuery版本不匹配
  确认angular.json中引入的jQuery版本是否和原index.html中的完全一致。即使是小版本差异，也可能导致某些jQuery API行为变化，比如选择器解析、DOM操作方式不同，依赖旧版本的UI组件会出现渲染错乱，但不会抛出明确错误。

• 脚本路径配置错误
  检查angular.json的scripts数组中jQuery的路径是否正确。如果路径写错，实际jQuery并未加载成功，但项目中可能存在降级逻辑（比如使用jqLite），导致UI组件无法按预期渲染，却没有控制台报错。

• AngularJS与jQuery的整合逻辑问题
  AngularJS会在加载时检测全局的jQuery对象，如果jQuery在AngularJS之后加载，AngularJS会使用内置的jqLite。如果你的angular.json中jQuery的加载顺序晚于AngularJS，就会出现这种情况。jqLite不支持jQuery的全部API（比如复杂选择器、某些DOM操作方法），原项目依赖这些API的代码会执行异常，引发UI错乱。

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