我有一个java web项目应用程序，使用Angular 1.8.0和JQuery 1.12.2。它运行得很好。尽管Angular 1.8.0应该维护JQuery 3.6.0，但当我将JQuery更新到3.6.0时，所有放在“command-bar”指令后面的内容都没有显示：

...
<div ng-if="home.showGrid" class="container-fluid ms-font-m">
  <command-bar/>
  <!-- the next part is not shown -->
  <div id="homeGrid" ui-grid="home.gridOptions" ui-grid-save-state ui-grid-auto-resize ui-grid-edit ui-grid-selection ui-grid-pinning ui-grid-resize-columns ui-grid-pagination class="grid"></div>
</div>
...

如果我将id为“homeGrid”的div放在“command-bar”之前，它就会显示出来。
此外，我还尝试创建新的AngularJs指令与“你好“只有和空控制器，取代了命令栏与它，它也没有显示。
如果我试图强迫Angular使用带有ng-jq的JQlite，那就更糟糕了，模板完全崩溃了，而且无论如何，资产文件夹中还有需要JQuery的第三方组件。
请告诉我可能的解决方案是什么，以及我需要采取哪些步骤来找到问题的根源？