如何让ASP.NET Core MVC视图引用外部文件中的Script区块？

方案1：修正Partial引用路径并使用异步方法 #

如果@Html.Partial()失败，大概率是路径问题或未使用异步渲染方法，按以下步骤调整：

• 确保home.sources.cshtml的生成操作设置为「内容」（右键文件→属性→生成操作），避免编译时被排除。
• 在Index.cshtml中使用异步Partial方法，指定完整路径：

  @await Html.PartialAsync("~/Views/Home/home.sources.cshtml")
  

  若文件放在Shared目录下，路径改为"~/Views/Shared/home.sources.cshtml"。

方案2：使用视图组件（View Component） #

适合需要复用或后续扩展逻辑的场景：

1. 创建视图组件类：

   using Microsoft.AspNetCore.Mvc;
   
   public class HomeSourcesViewComponent : ViewComponent
   {
       public IViewComponentResult Invoke()
       {
           // 直接引用你的脚本依赖CSHTML文件
           return View("~/Views/Home/home.sources.cshtml");
       }
   }
   

2. 在Index.cshtml中调用组件：

   @await Component.InvokeAsync("HomeSources")
   

方案3：结合布局页Section自动注入脚本 #

如果你的布局页（如_Layout.cshtml）包含@RenderSection("Scripts", required: false)，可以利用Section自动合并脚本：

1. 修改home.sources.cshtml，将脚本包裹在Scripts区块中：

   @section Scripts {
       <script src="~/js/dependency1.js"></script>
       <script src="~/js/dependency2.js"></script>
       <!-- 其他依赖脚本 -->
   }
   

2. 在Index.cshtml中用异步Partial引入：

   @await Html.PartialAsync("~/Views/Home/home.sources.cshtml")
   

   此时Partial中的Scripts区块内容会自动被布局页的RenderSection渲染到对应位置，无需手动在视图中添加区块。

排查要点 #

• 检查home.sources.cshtml是否存在语法错误（如未闭合的标签），这会导致Partial渲染失败。
• 确认文件路径是否正确：相对路径是基于当前视图的位置，使用~/开头的绝对路径更可靠。

内容的提问来源于stack exchange，提问作者Jasmeet Brar