Javascript lib文件的函数输入无效

我需要对我的文件进行缩放删除，问题是这些函数在试图使用它们时在库中，这给了我错误，我希望这主要是缩放和删除工作

在图片中，我有一个pdf，但缩放按钮没有图标，当我点击按钮时出现错误：

Uncaught TypeError: n.modal is not a function
    at t._zoomPreview (eval at <anonymous> (jquery-core.js:338), <anonymous>:11:2213)
    at HTMLButtonElement.eval (eval at <anonymous> (jquery-core.js:338), <anonymous>:11:2744)
    at HTMLButtonElement.dispatch (jquery-core.js:4641)
    at HTMLButtonElement.elemData.handle (jquery-core.js:4309)

未捕获类型错误：n.modal不是函数
在t.(u zoomPreview)(eval at(jquery core.js:338),:11:2213)
在HTMLButtonElement.eval（eval at（jquery core.js:338），：11:2744）
在HTMLButtonElement.dispatch（jquery core.js:4641）
位于HTMLButtonElement.elemData.handle（jquery core.js:4309）

实现很简单：

<link href="../../../bower_components/bootstrap-fileinput/css/fileinput.min.css" rel="stylesheet" type="text/css" />
<script src="../../../bower_components/bootstrap-fileinput/js/fileinput.min.js"></script>

<div class="col-sm-8">
  <input class="form-control"
         type="file"
         file-model="photo_document"
         id="photo_document"
         name="photo_document[]"
         data-preview-file-type="text" required>
  <script>
    console.log(photo_document);
    $("#photo_document").fileinput({'showUpload':false});
  </script>
</div>

控制台日志（照片文档）；
$（“#photo_document”）.fileinput（{'showUpload'：false}）；

我返回了所有组件，以进行充分的尝试。错误仍在继续，仅显示图标。

   <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

    <link href="../../../bower_components/bootstrap-fileinput/css/fileinput.min.css" rel="stylesheet" type="text/css" />
    <script src="../../../bower_components/bootstrap-fileinput/js/fileinput.min.js"></script>

是否加载了引导？是否加载了，我使用的是角度和指令，对于模板，我使用引导。

。modal

是一个引导函数。。。检查在

fileinput.js

之前是否加载了BS——否则我不知道。是否加载了jQuery？是否加载了jQuery和引导。