标签：Index Code Component Visual VS Studio cshtml

前言

会写这篇是因为想记入一个 bug. 随便以后记入一些 Visual Studio 和 VS Code 相关的冬冬呗.

 

当 VS Code Hot Reload 遇上 View Component 的 Bug

由于这个 Bug 涉及到多方面 (不容易提问), 所以我就没有 report github issue. 希望过阵子它自己好起来呗 (目前是 workaround)

Reproduction Setup

dotnet new webapp -o TestHotReload

创建 Component (参考: ASP.NET Core – View Component)

CallToAction/CallToActionViewComponent.cs

using Microsoft.AspNetCore.Mvc;

public class CallToActionViewComponent : ViewComponent
{
    public IViewComponentResult Invoke()
    {
        return View(
             $"~/Pages/Shared/Component/CallToAction/Index.cshtml"
         );
    }
}

View Code

CallToAction/Index.cshtml

<h1>Hello World!!</h1>

Index.cshtml

@page
@model IndexModel
@addTagHelper *, TestHotReload
@{
  ViewData["Title"] = "Home page";
}

<div class="text-center">
  <vc:call-to-action></vc:call-to-action>
</div>

注: 一定要用 TagHelper 引入. 如果使用 Component.InvokeAsync 那这个 Bug 不会出现.

Visual Studio Ctrl + F5 Run

先用 Visual Studio 跑看看

and then 我们修改 Index.cshtml

这时 Visual Studio 会 popup rebuild needed

注意哦, Component.InvokeAsync 的话则是不需要 rebuild 的.

VS Code dotnet watch run

当修改 Index.cshtml 以后会直接报错

 

解决方法是 Ctrl + R rebuild 就可以了.

 

标签：Index,Code,Component,Visual,VS,Studio,cshtml
来源： https://www.cnblogs.com/keatkeat/p/16593300.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。