如何正確地將腳本文件放在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 
}