HTML Visual Studio 2017 年版本中未显示更改

Question

我正在 VS 2017 中使用 Angular2 和 ASP.NET Core 创建一个应用程序。不幸的是 Google Chrome 浏览器不会反映我在构建时的 html 更改。事实上，我的解决方案中删除了运行个页面。

此处找到的所有建议均无效，包括 'empty cache and hard reload' 或编辑 web.config 文件或清理解决方案。

visual studio not updating html / javascript to server / browser

接下来我尝试将此标记添加到我的根组件 html:

<meta http-equiv="pragma" content="no-cache" />

仍然没有。

之后我尝试转到工具 -> 选项

在项目和解决方案下 -> 构建和运行 select "Always build" 在 "On Run, when projects are out of date"

下

没有。

最后我尝试通过使用语句

编辑 Program.cs 文件来更改它运行的端口

.UseUrls("http://localhost:5050")

它仍然没有反映我的更改。这太令人沮丧了。

如果有什么建议就好了。

Answer 1

我通过打开 Startup.cs 并将 ConfigureServices 方法更改为使用 DeveloperExceptionPage 解决了这个问题。浏览器控制台或 VS 不会显示任何构建错误，但它们确实存在。

Startup.cs

    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
        app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions
        {
            HotModuleReplacement = true
        });
    }
    else
    {
        app.UseExceptionHandler("/Home/Error");
    }

Answer 2

除了上述步骤之外，您可能还需要检查是否已设置开发环境变量 (ASPNETCORE_ENVIRONMENT)。我发现该项目没有设置它，也没有将配置文件设置为在 IIS Express 中启动。

Answer 3

我的 Startup.cs

里有这个

    public void Configure(IApplicationBuilder app, IHostingEnvironment env)
    {
        ....
        app.UseSpaStaticFiles();

删除后我可以看到变化

HTML Visual Studio 2017 年版本中未显示更改

HTML Changes Not Being Shown in Build for Visual Studio 2017

asp.net-mvc

google-chrome

visual-studio-2017

angular