2015-12-28 28 views
2

我想讓瀏覽器鏈接工作,所以我可以在瀏覽器中使用web essentials工具欄。我希望看到在ASP.NET 4個項目,但這並不在爲瀏覽器鏈接網頁的源文件的底部注入像一些代碼,似乎情況與ASP.NET 5.web essentials瀏覽器鏈接不工作在asp mvc 6項目

enter image description here

有其他人設法讓這個工作?感謝先進的任何幫助。

我使用的Visual Studio 2015年更新1

我試圖在管理模式下運行,我已經變成防火牆關閉,但仍然在Visual Studio瀏覽器鏈接沒有連接在調試模式下運行時。

編輯

這個方法絕對是被稱爲

app.UseBrowserLink(); 

這NuGet包絕對是refereced Microsoft.VisualStudio.Web.BrowserLink.Loader

我試着重新安裝asp.net 5 RC1和Visual Studio 2015年親以及使用視覺工作室社區也不工作。

我試着重新安裝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); 
} 

更新

我安裝了鍍鉻livereload插件和配置livereload如下在vendettamit的評論中所建議的一樣。當我修改我的CSS/Less文件時,Chrome瀏覽器正在更新。由於瀏覽器鏈接不工作,我仍然缺乏Web Essentials設計和檢查工具,但我希望這將在將來更新ASP.NET框架和/或Visual Studio時發生變化。

我的一飲而盡腳本,如果任何人碰到這個同樣的問題絆倒:

/// <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']); 
}); 
+0

我不確定實時刷新是否附帶RC版本。有一個[問題](https://github.com/aspnet/Tooling/issues/213)解決了瀏覽器鏈接的類似問題。雖然你可以嘗試[this](https://github.com/vohof/gulp-livereload) – vendettamit

+0

你也可以嘗試給定的解決方案[這裏](http://stackoverflow.com/questions/33034169/live-reload -with-asp-net-5),但看起來像是手動刷新。 – vendettamit

+1

謝謝,生病肯定會嘗試並獲得設置。這比使用F12窗口要快很多。我喜歡使用Web Essentials的原因是因爲設計和檢查工具欄上需要連接瀏覽器鏈接。出於某種原因,我無法得到這個工作? –

回答

1

我不知道,如果現場重裝附帶RC版本。有一個問題解決了瀏覽器鏈接的類似問題。意思是,雖然你可以嘗試this鉻插件實時重新加載。

您也可以嘗試給定的解決方案here,但看起來像是手動刷新。