2

我正在尝试使浏览器链接正常工作,以便可以在浏览器中使用 Web Essentials 工具栏。我希望在 ASP.NET 4 项目中的浏览器链接的页面源底部看到一些代码注入,但 ASP.NET 5 似乎并非如此。

在此处输入图像描述

有没有其他人设法让这个工作?提前感谢您的帮助。

我正在使用 Visual Studio 2015 更新 1

我试过在管理员模式下运行,我已经关闭了防火墙,但在调试模式下运行时,Visual Studio 的浏览器链接中仍然没有连接。

编辑

这个方法肯定被调用了

app.UseBrowserLink();

这个 nuget 包肯定是被引用的Microsoft.VisualStudio.Web.BrowserLink.Loader

我尝试重新安装 asp.net 5 rc1 和 visual studio 2015 pro 以及使用也不起作用的 Visual Studio 社区。

我试过重新安装 IIS Express 10 和 8 也不起作用。

这开始成为一种真正的痛苦。在浏览器中使用 F12 可以完成这项工作,但它确实很慢而且很乏味

如果有人可以提供一些建议以尝试使其正常工作,那就太好了。我觉得我已经用尽了所有的选择。

这是我的project.json:

{
  "userSecretsId": "aspnet5-BusiHub.Web-ce0683d8-2598-4feb-99b6-82d6cf4e8028",
  "version": "1.0.0-*",
  "compilationOptions": {
    "emitEntryPoint": true
  },

  "dependencies": {
    "EntityFramework.Commands": "7.0.0-rc1-final",
    "EntityFramework.MicrosoftSqlServer": "7.0.0-rc1-final",
    "Microsoft.AspNet.Authentication.Cookies": "1.0.0-rc1-final",
    "Microsoft.AspNet.Diagnostics.Entity": "7.0.0-rc1-final",
    "Microsoft.AspNet.Identity.EntityFramework": "3.0.0-rc1-final",
    "Microsoft.AspNet.IISPlatformHandler": "1.0.0-rc1-final",
    "Microsoft.AspNet.Loader.IIS": "1.0.0-beta7",
    "Microsoft.AspNet.Loader.IIS.Interop": "1.0.0-beta7",
    "Microsoft.AspNet.Mvc": "6.0.0-rc1-final",
    "Microsoft.AspNet.Mvc.TagHelpers": "6.0.0-rc1-final",
    "Microsoft.AspNet.Server.Kestrel": "1.0.0-rc1-final",
    "Microsoft.AspNet.StaticFiles": "1.0.0-rc1-final",
    "Microsoft.AspNet.Tooling.Razor": "1.0.0-rc1-final",
    "Microsoft.AspNet.WebApi": "5.2.3",
    "Microsoft.Extensions.CodeGenerators.Mvc": "1.0.0-rc1-final",
    "Microsoft.Extensions.Configuration.FileProviderExtensions": "1.0.0-rc1-final",
    "Microsoft.Extensions.Configuration.Json": "1.0.0-rc1-final",
    "Microsoft.Extensions.Configuration.UserSecrets": "1.0.0-rc1-final",
    "Microsoft.Extensions.Logging": "1.0.0-rc1-final",
    "Microsoft.Extensions.Logging.Console": "1.0.0-rc1-final",
    "Microsoft.Extensions.Logging.Debug": "1.0.0-rc1-final",
    "Microsoft.VisualStudio.Web.BrowserLink.Loader": "14.0.0-rc1-final",
    "System.Web.Optimization.Less": "1.3.4"
  },

  "commands": {
    "web": "Microsoft.AspNet.Server.Kestrel",
    "ef": "EntityFramework.Commands"
  },

  "frameworks": {
    "dnx451": {
      "frameworkAssemblies": { }
    }
  },

  "exclude": [
    "wwwroot",
    "node_modules"
  ],

  "publishExclude": [
    "**.user",
    "**.vspscc"
  ],

  "scripts": {
    "prepublish": [ "npm install", "bower install", "gulp clean", "gulp min" ]
  }
}

这是我的startup.cs

public class Startup
{
    public Startup(IHostingEnvironment env)
    {
        // Set up configuration sources.
        var builder = new ConfigurationBuilder()
            .AddJsonFile("appsettings.json")
            .AddJsonFile($"appsettings.{env.EnvironmentName}.json", optional: true);

        if (env.IsDevelopment())
        {
            // For more details on using the user secret store see http://go.microsoft.com/fwlink/?LinkID=532709
            builder.AddUserSecrets();
        }

        builder.AddEnvironmentVariables();
        Configuration = builder.Build();
    }

    public IConfigurationRoot Configuration { get; set; }

    // This method gets called by the runtime. Use this method to add services to the container.
    public void ConfigureServices(IServiceCollection services)
    {
        // Add framework services.
        services.AddEntityFramework()
            .AddSqlServer()
            .AddDbContext<ApplicationDbContext>(options =>
                options.UseSqlServer(Configuration["Data:DefaultConnection:ConnectionString"]));

        services.AddIdentity<ApplicationUser, IdentityRole>()
            .AddEntityFrameworkStores<ApplicationDbContext>()
            .AddDefaultTokenProviders();

        services.AddMvc();

        // Add application services.
        services.AddTransient<IEmailSender, AuthMessageSender>();
        services.AddTransient<ISmsSender, AuthMessageSender>();

        services.AddTransient<ApplicationDbContextInitializer>();
    }

    // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
    public async void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory, ApplicationDbContextInitializer dbContextInitializer)
    {
        loggerFactory.AddConsole(Configuration.GetSection("Logging"));
        loggerFactory.AddDebug();

        if (env.IsDevelopment())
        {
            // Allow updates to your files in Visual Studio to be shown in the browser. You can use the Refresh 
            // browser link button in the Visual Studio toolbar or Ctrl+Alt+Enter to refresh the browser.
            app.UseBrowserLink();

            app.UseDeveloperExceptionPage();
            app.UseDatabaseErrorPage();
        }
        else
        {
            app.UseExceptionHandler("/Home/Error");

            // For more details on creating database during deployment see http://go.microsoft.com/fwlink/?LinkID=615859
            try
            {
                using (var serviceScope = app.ApplicationServices.GetRequiredService<IServiceScopeFactory>()
                    .CreateScope())
                {
                    serviceScope.ServiceProvider.GetService<ApplicationDbContext>()
                         .Database.Migrate();
                }
            }
            catch { }
        }

        app.UseIISPlatformHandler(options => options.AuthenticationDescriptions.Clear());

        app.UseStaticFiles();

        app.UseIdentity();

        // To configure external authentication please see http://go.microsoft.com/fwlink/?LinkID=532715

        app.UseMvc(routes =>
        {
            routes.MapRoute(
                name: "default",
                template: "{controller=Home}/{action=Index}/{id?}");
        });

        // Seed the database with sample data - admin roles, admin users etc
        await dbContextInitializer.InitializeDataAsync();
    }

    // Entry point for the application.
    public static void Main(string[] args) => WebApplication.Run<Startup>(args);
}

更新

我已经为 chrome 安装了 livereload 插件,并在 gulp 中配置了 livereload,正如 vendettamit 在下面的评论中所建议的那样。当我修改我的 CSS/Less 文件时,Chrome 浏览器现在正在更新。由于浏览器链接无法正常工作,我仍然缺乏 Web Essentials 设计和检查工具,但我希望这将在未来对 ASP.NET 框架和/或 Visual Studio 的更新中有所改变。

如果有人偶然发现同样的问题,我的 gulp 脚本:

    /// <binding BeforeBuild='min, less' Clean='clean' />
"use strict";

var gulp = require("gulp"),
    rimraf = require("rimraf"),
    concat = require("gulp-concat"),
    cssmin = require("gulp-cssmin"),
    uglify = require("gulp-uglify"),
    less = require("gulp-less"),
    livereload = require("gulp-livereload");

var project = require('./project.json');

var paths = {
    webroot: "./wwwroot/"
};

paths.js = paths.webroot + "js/**/*.js";
paths.minJs = paths.webroot + "js/**/*.min.js";
paths.css = paths.webroot + "css/**/*.css";
paths.minCss = paths.webroot + "css/**/*.min.css";
paths.concatJsDest = paths.webroot + "js/site.min.js";
paths.concatCssDest = paths.webroot + "css/site.min.css";

gulp.task("clean:js", function (cb) {
    rimraf(paths.webroot + "/js/site.min.js", cb);
    rimraf(paths.webroot + "/js/site.js", cb);
});

gulp.task("clean:css", function (cb) {
    rimraf(paths.webroot + "/css/site.min.css", cb);
    rimraf(paths.webroot + "/css/site.css", cb);
});

gulp.task("clean", ["clean:js", "clean:css"]);

gulp.task("min:js", function () {
    return gulp.src([paths.js, "!" + paths.minJs], { base: "." })
        .pipe(concat(paths.concatJsDest))
        .pipe(uglify())
        .pipe(gulp.dest("."));
});

gulp.task("min:css", function () {
    return gulp.src([paths.css, "!" + paths.minCss])
        .pipe(concat(paths.concatCssDest))
        .pipe(cssmin())
        .pipe(gulp.dest("."));
});

gulp.task("min", ["min:js", "min:css"]);

gulp.task("less", ["clean:css"], function () {
    return gulp.src('Styles/*.less')
        .pipe(concat('site.less'))
        .pipe(less())
        .pipe(gulp.dest(paths.webroot + '/css'))
        .pipe(livereload());
});

gulp.task("scripts", ["clean:js"], function() {
    return gulp.src('Scripts/*.js')
        .pipe(concat('site.js'))
        .pipe(gulp.dest(paths.webroot + '/js'));
});

gulp.task("all", ["less", "scripts"]);

gulp.task('watch', function() {
    livereload.listen();
    gulp.watch('styles/*less', ['less']);
});
4

1 回答 1

1

我不确定 Live reload 是否随 RC 版本一起提供。有一个问题解决了与浏览器链接类似的问题。同时,您可以尝试使用chrome 插件进行实时重新加载。

您也可以在此处尝试给定的解决方案,但看起来像是手动刷新。

于 2015-12-30T00:42:01.813 回答