在angular中安装新库后不会弹出引导模式

我正在做一个angular项目，在这个项目中我使用了简单的基于引导的模态。弹出窗口工作正常，但在项目中使用gridster和highcharts库后，modals的弹出窗口不工作。我还制作了jquery、bootstrap、ngx bootstrap的类似版本，并将新旧代码与winmerge软件进行了比较，但代码文件也完全相同

当我移动到上一次提交时，模态开始工作，当我移动到最近一次提交时，问题再次出现

附言：我知道使用gridster和highcharts库不会有任何问题，但肯定会发生一些冲突，导致它无法工作

请引导我，因为我完全陷入困境，不知道如何解决它！下面是我正在使用的模式代码

<button class="btn btn-primary" data-toggle="modal" (click)="populateModalData(row)"
    data-target="#configModal" style="font-size:10px"><i class="fa fa-pencil"></i>
</button>

<div id="configModal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="classInfo"
    aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content"> 
        <div class="modal-header">
          <h5 class="modal-title" id="approveModalLabel">Modifica Gruppo</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <table id="classTable" class="table table-bordered">
            <thead style="background: #E6E6E6">
            </thead>
            <tbody>
              <tr><th>HANDLE</th><td colspan="2"><input type="text" class="form-control" [(ngModel)]="modalData.handle"></td></tr>
              <tr><th>NOME</th><td colspan="2"><input type="text" class="form-control" [(ngModel)]="modalData.name"></td></tr>
              <tr><th>STEP</th><td colspan="2"><input type="number" class="form-control" [(ngModel)]="modalData.step"></td></tr>
              <tr><th>CONTRAENTE</th><td colspan="2">
                <select [(ngModel)]="modalData.category_id" class="form-control">
                  <option *ngFor="let obj of customersKP; index as i" [value]="obj.key">{{obj.value}}</option>
                </select>
              </td></tr>
            </tbody>
          </table>
        </div>
        <div class="modal-footer">
          <button (click)="updateConfig()" class="btn btn-success">Aggiorna</button>
          <button type="button" class="btn btn-primary" data-dismiss="modal">Chiudi</button>
        </div>
      </div>
    </div>
  </div>

格鲁波莫迪菲卡酒店
&时代；
手柄
诺姆
步
康特兰特
{{obj.value}}
阿吉奥纳
丘迪

什么是“不工作”？不显示没有任何控制台跟踪的弹出窗口？打开弹出窗口后查看页面的html代码，可能只是CSS冲突。实际上控制台上没有发生错误。这就是为什么它更令人困惑的原因。什么类型的css冲突？css jf一个库覆盖另一个库的css并隐藏popupI。我已检查了scss文件夹，并根据以前的代码更改了样式，但仍然不起作用。请您进一步介绍css jf one库好吗？对不起，我不能在stackoverflow的评论中这样做，所以您需要自己做：）我可以建议您不要在SCS中查看，而是在最终的css中以及更好的html代码中查看–在您尝试打开弹出窗口后，是否有什么变化