ASP.Net MVCアプリケーションにスクリプトファイルを正しく配置する方法

Question

私はMVC/.netが新しく、現在いくつかの簡単な演習を行っています。私は私のサービスワーカーを登録しようとするが、何らかの理由で、このjavascriptのコードを実行していないです。私は私が見つけることができるすべてのチュートリアルに従って、これで検索したが、それでも動作しません。だから私はここで失われている。助けてくれてありがとう。

<script type="text/javascript" language="javascript"> 

      console.log('test script'); 

      if ('serviceWorker' in navigator) { 
       navigator.serviceWorker.register('/service-worker.js'). 
        then(function (registration) { 
         // Registration was successful 
         console.log('ServiceWorker registration successful with scope: ', registration.scope); 
        }).catch(function (err) { 
         // registration failed :(
         console.log('ServiceWorker registration failed: ', err); 
        }); 
      } 

     </script> 
    @RenderSection("pageScripts", required: false) // NOTICE IT HAS COME DOWN 

が親切に次の点に注意してください：

@RenderSection("pageScripts", required: false) 
@section pageScripts{ 
    <script type="text/javascript" language="javascript"> 

     console.log('test script'); 

     if ('serviceWorker' in navigator) { 
      navigator.serviceWorker.register('/service-worker.js'). 
       then(function (registration) { 
        // Registration was successful 
        console.log('ServiceWorker registration successful with scope: ', registration.scope); 
       }).catch(function (err) { 
        // registration failed :(
        console.log('ServiceWorker registration failed: ', err); 
       }); 
     } 

    </script> 
} 

Answer 1

は、あなたが書かれているスクリプトのロジックを使用すると、以下にあなたのコードを交換する必要があるレイアウトファイルによって要求されたと仮定すると、あなたがレイアウトファイルである場合、あなたは必要ありませんあなたのレイアウトファイルにサイドノート、追加スクリプトの配列に

@section pageScripts{ 
} 

を追加する

例えば今

.... 
    .... 
    </div> 
    @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("Any Third Party Script") 
    @Scripts.Render("Your own Custom Script file Required By Entire Application") 
    <script> 
     // ADD ANY Script related to LayOut Page here 
     </script> 
    @RenderSection("pageScripts", required: false) 
</body> 
</html> 

スクリプトは、もっぱら、その後特定のビューによって必要とされている場合..

：あなたのブラウザのコンソールに何を参照してくださいIndex.csthml

... 
</div> 

@section pageScripts 
{ 
    // Your script logic 
}