展開時にブートストラップファイル入力が動作しない

Question

私はブートストラップファイル入力パッケージを使用していますが、ローカルでは動作しますが、実際には動作しません。

This is how it looks on vs

After deployment

私はそれが正しく読み込まないのjsファイルであるかもしれないが、まだ解決策を見つけるカント読みました。

EDIT

これはコードです：

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"> 
<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" type="text/javascript"></script> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<!-- canvas-to-blob.min.js is only needed if you wish to resize images before upload. 
    This must be loaded before fileinput.min.js --> 
<script src="/Scripts/plugins/canvas-to-blob.min.js" type="text/javascript"></script> 
<!-- sortable.min.js is only needed if you wish to sort/rearrange files in initial preview. 
    This must be loaded before fileinput.min.js --> 
<script src="/Scripts/plugins/sortable.min.js" type="text/javascript"></script> 
<!-- purify.min.js is only needed if you wish to purify HTML content in your preview for HTML files. 
    This must be loaded before fileinput.min.js --> 
<script src="/Scripts/plugins/purify.min.js" type="text/javascript"></script> 
<!-- the main fileinput plugin file --> 
<script src="/Scripts/fileinput.min.js"></script> 
<!-- bootstrap.js below is needed if you wish to zoom and view file content 
    in a larger detailed modal dialog --> 
<link href="/Content/bootstrap-fileinput/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" /> 
<div class="form-group"> 
    <label for="input-44" class="col-lg-2 control-label">Cargar fotos</label> 
    <div class="col-lg-10"> 
     <input id="input-44" name="input44[]" type="file" multiple class="file-loading"> 
     <script> 
      $(document).on('ready', function() { 
       $("#input-44").fileinput({ 
        uploadUrl: '/file-upload-batch/2', 
        'showUpload': false, 
        maxFilePreviewSize: 10240, 
        fileActionSettings: { 
         showUpload: false, 
         indicatorNew: '' 
        } 
       }); 
      }); 
     </script> 
    </div> 
</div> </asp:Content> 

Answer 1

読み、一日中、これを修正しようとした後、私は両方のシナリオ（開発/生産）のビューページのソースすることを決定し、それらを比較した。

開発中、この行<script src="/Scripts/fileinput.min.js"></script> は、そのファイルのコードを見るためのリンクです。展開すると、同じ行が動作していないリンクで、this errorがスローされ、私のプロジェクトの名前がip（192.168.0.145）とパス/スクリプトの間にないことがわかりました。

私はこの<script src="/MyProject/Scripts/fileinput.min.js"></script>が、私はそれが生産ではなく、それは192.168.0.145/MyProject/MyProject/Scripts/fileinput.min.jsに目指していた開発失敗の原因に取り組んでしまっしようとすると、このパスが存在しない場合はどちらか。これは将来的に他の誰かを助ける

<script src="../Scripts/plugins/canvas-to-blob.min.js" type="text/javascript"></script> 
<script src="../Scripts/plugins/sortable.min.js" type="text/javascript"></script> 
<script src="../Scripts/plugins/purify.min.js" type="text/javascript"></script> 
<script src="../Scripts/fileinput.min.js"></script> 
<link href="../Content/bootstrap-fileinput/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" /> 

ホープ：

SOLUTION

はちょうどこのように、最初に2点を追加します。