Web Essentials 浏览器链接在 Visual Studio 2015 中仅适用于 ASP.net 5 应用程序

Posted

技术标签:

【中文标题】Web Essentials 浏览器链接在 Visual Studio 2015 中仅适用于 ASP.net 5 应用程序【英文标题】:Web Essentials Browser Link not Working in Visual Studio 2015 for only ASP.net 5 applications 【发布时间】:2016-01-01 23:49:04 【问题描述】:

在我的新计算机上安装了 Web Essentials,但我无法让浏览器链接与 ASP.NET 5 / MVC6 Web 应用程序项目一起使用。但是,与 ASP.NET 4.5 一起工作得很好。这是我迄今为止尝试过的。

当我创建项目时,我的 project.json 已经具有以下依赖项

 "Microsoft.VisualStudio.Web.BrowserLink.Loader": "14.0.0-rc1-final"

我的 Startup.cs 类也已经配置了 BrowserLink(我在 DEV 环境中运行)

if (env.IsDevelopment())

   app.UseBrowserLink();
   app.UseDeveloperExceptionPage();

我已启用浏览器链接表单工具栏

无效.. 当我按 F5 运行应用程序时,浏览器链接仪表板未检测到任何浏览器。说 0 个连接。

我也尝试过卸载 Web Essentials 并重新安装。还尝试使用 Web Essential Nightly 构建。

重新安装 Visual Studio 也没有帮助。

还有什么我可能遗漏的吗? 我在 Windows 10 机器上使用 VS2015 社区。我有另一台具有类似设置的计算机在该计算机上运行良好。我尝试在浏览器链接正常工作的另一台计算机上创建项目并将项目复制到这台计算机上,但这也没有帮助。

【问题讨论】:

【参考方案1】:

哦,我想起来了。它可能与此处的已知问题 #3 有关: https://github.com/aspnet/Tooling/blob/master/known-issues.md


编辑: 上面的链接现在已损坏,因为它提到了 ASP.NET 5 工具的预发布版本中的设置错误,该版本已过时且不再可用。如果您在 VS 2015 中使用 ASP.NET Core 并且浏览器链接不起作用,则不是因为这个问题。

但是,如果您使用的是旧版本并且遇到此问题,则修复方法是在“添加/删除程序”中找到 ASP.NET 5 捆绑包,然后“修复”它。

【讨论】:

非常感谢!!这正是问题所在。我按照链接问题 #3 中的说明从控制面板修复了 RC1 更新 1,它工作正常。 @da_elysian_fields 它是否适用于静态文件?见***.com/questions/29011607 我遇到了这个问题,除了我还没有安装 Web Essentials - 我不知道它是必需的,因为似乎安装了这个功能。修复后,它会“连接”到浏览器,但 F12 开发人员工具和设计器之间的实际同步不起作用。安装 Web Essentials 是最后一步。 我的 vs2015 核心更新 3.asp.net 应用程序也有同样的问题。我阅读了您发送的已知问题的链接。但是,“控制面板”的程序列表中没有“Microsoft ASP.NET 5”。 链接转到 404。这就是为什么最好在答案中描述解决方案而不是仅仅链接到它。【参考方案2】:

这可能不适合您,但其他寻求此解决方案的人。如果您正在运行静态 html 页面,例如使用 AngularJS,那么您需要在 webconfig 中添加一些代码。该信息可在此页面上找到:

https://www.asp.net/visual-studio/overview/2013/using-browser-link

为了快速参考,只需在 webconfig 中设置:

<configuration>
  <system.webServer>    
    <handlers>
      <add name="Browser Link for HTML" path="*.html" verb="*" 
           type="System.Web.StaticFileHandler, System.Web, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" 
           resourceType="File" preCondition="integratedMode" />
    </handlers>
  </system.webServer>    
</configuration>

【讨论】:

【参考方案3】:

您是否在两台计算机上安装了相同版本的“ASP.NET 和 Web 工具”?您可以通过转到“帮助->关于 Microsoft Visual Studio”并在“已安装产品”列表中查找“ASP.NET 和 Web 工具 2015.1”之类的内容来检查 Visual Studio。

随着时间的推移,ASP.NET 5 运行时发生了重大变化,Web 工具中的浏览器链接支持也需要随之变化。因此,如果 Web Tools 版本与您的项目所针对的版本不匹配(例如 Beta8 与 RC1),则 Browser Link 将无法连接。

这就是它可以在一台计算机上运行但在另一台计算机上失败的最可能原因。

【讨论】:

是的,两台计算机的版本相同。我目前拥有 ASP.NET 5 RC1 和 Update 1 和 Web Essential 版本 1.0.27 Realsed 这里有一个“保存时重新加载浏览器”的新扩展:visualstudiogallery.msdn.microsoft.com/… 这个扩展在 BrowserLink 不工作的笔记本电脑上也不适用于我.. 如果您在运行网站时尝试捕获所有异常,您是否在调用堆栈中看到任何带有“BrowserLink”的异常?

以上是关于Web Essentials 浏览器链接在 Visual Studio 2015 中仅适用于 ASP.net 5 应用程序的主要内容,如果未能解决你的问题,请参考以下文章

最锋利的Visual Studio Web开发工具扩展:Web Essentials详解(转)

Visual Studio Express 2013 Web Essentials 中的 SCSS 编译错误

如何使用 Xamarin Essentials Share 将应用程序链接共享给其他用户并在他们单击后打开应用程序?

Emmet 中的单引号与 VS Web Essentials

Windows Server 2012 Essentials 上的 IIS 在哪里

160309_Qt Essentials