title: CSS & JS files not rendered when deploy of ASP.Net MVC application on IIS 8 (Windows 8)
body: <p>I'm having an issue when deploying my Asp.NET MVC 5 web application on a remote IIS 8 ! when i'm starting the server, the application works well, but no css or js file is working !</p>
  
  <p>my local machine :
  <img src="https://i.stack.imgur.com/K2YMj.jpg" alt="enter image description here"></p>
  
  <p>my remote machine :</p>
  
  <p><img src="https://i.stack.imgur.com/OGV1Q.jpg" alt="enter image description here"></p>
  
  <p>my view when I click on view page source (in the browser) :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
   &lt;head&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;Log in - My MVC Admin Template&lt;/title&gt;
      &lt;link href="/Test/Deploy/Content/Theme?v=A1Wwh5B5yTT6Q-34hA0bU7wzaNpIMgCZT8xJ-IAWWVY1" rel="stylesheet"/&gt;
  
      &lt;script src="/Test/Deploy/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"&gt;&lt;/script&gt;
  
  
   &lt;/head&gt;
  &lt;body class="bootstrap-admin-with-small-navbar"&gt;
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
       &lt;div class="row"&gt;
         &lt;form action="/Test/Deploy/" class="bootstrap-admin-login-form" method="post"&gt;&lt;input name="__RequestVerificationToken" type="hidden" value="C7q6oci5GoiOMjIeCGgn9-U4lMlx54WJz8117lyBbFcbDak6TzJE2z3kKeBkvyJTJxg6viMGh8dOxCUV2qUP87bZBWyXgMsx3g9Tozmxoc41" /&gt;        
          &lt;h1&gt;Login&lt;/h1&gt;
           &lt;div class="form-group"&gt;
              &lt;input class="form-control" type="text" name="Email" placeholder="Email"&gt;
               &lt;span class="field-validation-valid text-danger" data-valmsg-for="Email" data-valmsg-replace="true"&gt;&lt;/span&gt;
               &lt;/div&gt;
               &lt;div class="form-group"&gt;
          &lt;input class="form-control" type="password" name="Password" placeholder="Password"&gt;
          &lt;span class="field-validation-valid text-danger" data-valmsg-for="Password" data-valmsg-replace="true"&gt;&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div&gt;
              &lt;div class="checkbox"&gt;
                  &lt;input data-val="true" data-val-required="The Remember me? field is required." id="RememberMe" name="RememberMe" type="checkbox" value="true" /&gt;&lt;input name="RememberMe" type="hidden" value="false" /&gt;
                  &lt;label for="RememberMe"&gt;Remember me?&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;button class="btn btn-lg btn-primary" type="submit"&gt;Submit&lt;/button&gt;
    &lt;/form&gt;
     &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;hr&gt;
          &lt;footer role="contentinfo"&gt;
              &lt;p&gt;&amp;copy;  2015 -  &lt;a href="" target="_blank"&gt;Test&lt;/a&gt;&lt;/p&gt;
          &lt;/footer&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script src="/Test/Deploy/bundles/jquery?v="&gt;&lt;/script&gt;
  
  &lt;script src="/Test/Deploy/bundles/bootstrap?v=a0JlrK3HWJYO4CANWtnjZQ6r-FHTgFewh3ItuNGmfr41"&gt;&lt;/script&gt;
  
  
  &lt;script src="/Test/Deploy/bundles/jqueryval?v=NOVQDySGO89wzMzO5x7mWS4C_uAdynpZe_Lk2y-xEM41"&gt;&lt;/script&gt;
  
  
  
  &lt;script&gt;
      (function (i, s, o, g, r, a, m) {
          i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
              (i[r].q = i[r].q || []).push(arguments)
          }, i[r].l = 1 * new Date(); a = s.createElement(o),
              m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
      })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
  
      ga('create', 'UA-45396411-1', 'azurewebsites.net');
      ga('send', 'pageview');
  
  &lt;/script&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>my BundleConfig.cs :</p>
  
  <pre><code>    public class BundleConfig
  {
      public static void AddDefaultIgnorePatterns(IgnoreList ignoreList)
      {
          if (ignoreList == null)
              throw new ArgumentNullException("ignoreList");
          ignoreList.Ignore("*.intellisense.js");
          ignoreList.Ignore("*-vsdoc.js");
          ignoreList.Ignore("*.debug.js", OptimizationMode.WhenEnabled);
          //ignoreList.Ignore("*.min.js", OptimizationMode.WhenDisabled);
          ignoreList.Ignore("*.min.css", OptimizationMode.WhenDisabled);
      }
  
      // For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862
      public static void RegisterBundles(BundleCollection bundles)
      {
          bundles.IgnoreList.Clear();
          AddDefaultIgnorePatterns(bundles.IgnoreList);
          bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
              "~/Scripts/jquery-{version}.js"));
  
          bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
              "~/Scripts/jquery.validate*"));
  
          // Use the development version of Modernizr to develop with and learn from. Then, when you're
          // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
          bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
              "~/Scripts/modernizr-*"));
  
          bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
              "~/Scripts/bootstrap.js",
              "~/Scripts/respond.js"));
  
          bundles.Add(new StyleBundle("~/Content/css").Include(
              "~/Content/bootstrap.css",
              "~/Content/site.css"));
  
          bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
              "~/Scripts/jquery-{version}.js"));
  
          bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
              "~/Scripts/jquery-ui-{version}.js"));
  
          bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
              "~/Scripts/jquery.unobtrusive*",
              "~/Scripts/jquery.validate*"));
  
          // Use the development version of Modernizr to develop with and learn from. Then, when you're
          // ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
          bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
              "~/Scripts/modernizr-*"));
  
          bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
              "~/Scripts/bootstrap.js"
              , "~/Scripts/twitter-bootstrap-hover-dropdown.js"
              ));
  
          bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css"));
  
          bundles.Add(new StyleBundle("~/Content/Theme/base/css").Include(
              "~/Content/Theme/base/jquery.ui.core.css",
              "~/Content/Theme/base/jquery.ui.resizable.css",
              "~/Content/Theme/base/jquery.ui.selectable.css",
              "~/Content/Theme/base/jquery.ui.accordion.css",
              "~/Content/Theme/base/jquery.ui.autocomplete.css",
              "~/Content/Theme/base/jquery.ui.button.css",
              "~/Content/Theme/base/jquery.ui.dialog.css",
              "~/Content/Theme/base/jquery.ui.slider.css",
              "~/Content/Theme/base/jquery.ui.tabs.css",
              "~/Content/Theme/base/jquery.ui.datepicker.css",
              "~/Content/Theme/base/jquery.ui.progressbar.css",
              "~/Content/Theme/base/jquery.ui.theme.css"));
  
          //Calendar css file
          bundles.Add(new StyleBundle("~/Content/fullcalendarcss").Include(
              "~/Content/themes/jquery.ui.all.css",
              "~/Content/fullcalendar.css"));
  
          //Calendar Script file
          bundles.Add(new ScriptBundle("~/bundles/fullcalendarjs").Include(
              "~/Scripts/jquery-ui-1.10.4.min.js",
              "~/Scripts/fullcalendar.min.js"));
  
          bundles.Add(new ScriptBundle("~/bundles/vendors").Include(
              "~/Content/Theme/vendors/uniform/jquery.uniform.js"
              , "~/Content/Theme/vendors/chosen.jquery.js"
              , "~/Content/Theme/vendors/bootstrap-datepicker/js/bootstrap-datepicker.js"
              ,
              "~/Content/Theme/vendors/bootstrap-wysihtml5-rails-b3/vendor/assets/javascripts/bootstrap-wysihtml5/wysihtml5.js"
              ,
              "~/Content/Theme/vendors/bootstrap-wysihtml5-rails-b3/vendor/assets/javascripts/bootstrap-wysihtml5/core-b3.js"
              , "~/Content/Theme/vendors/twitter-bootstrap-wizard/jquery.bootstrap.wizard-for.bootstrap3.js"
              , "~/Content/Theme/vendors/boostrap3-typeahead/bootstrap3-typeahead.js"
              , "~/Content/Theme/vendors/easypiechart/jquery.easy-pie-chart.js"
              , "~/Content/Theme/vendors/ckeditor/ckeditor.js"
              , "~/Content/Theme/vendors/tinymce/js/tinymce/tinymce.js"
              ,
              "~/Content/Theme/vendors/bootstrap-wysihtml5-rails-b3/vendor/assets/javascripts/bootstrap-wysihtml5/wysihtml5.js"
              ,
              "~/Content/Theme/vendors/bootstrap-wysihtml5-rails-b3/vendor/assets/javascripts/bootstrap-wysihtml5/core-b3.js"
              , "~/Content/Theme/vendors/jGrowl/jquery.jgrowl.js"
              , "~/Content/Theme/vendors/bootstrap-datepicker/js/bootstrap-datepicker.js"
              , "~/Content/Theme/vendors/sparkline/jquery.sparkline.js"
              , "~/Content/Theme/vendors/tablesorter/js/jquery.tablesorter.js"
              , "~/Content/Theme/vendors/flot/jquery.flot.js"
              , "~/Content/Theme/vendors/flot/jquery.flot.selection.js"
              , "~/Content/Theme/vendors/flot/jquery.flot.resize.js"
              , "~/Content/Theme/vendors/fullcalendar/fullcalendar.js"
              ));
  
          bundles.Add(new StyleBundle("~/Content/Theme").Include(
              "~/Content/bootstrap.css",
              "~/Content/bootstrap-theme.css",
              "~/Content/Theme/css/bootstrap-admin-theme.css",
              "~/Content/Theme/css/site.css"));
  
          bundles.Add(new StyleBundle("~/Content/Vendors").Include(
              "~/Content/Theme/vendors/bootstrap-datepicker/css/datepicker.css"
              , "~/Content/Theme/css/datepicker.fixes.css"
              , "~/Content/Theme/vendors/uniform/themes/default/css/uniform.default.min.css"
              , "~/Content/Theme/css/uniform.default.fixes.css"
              , "~/Content/Theme/vendors/chosen.min.css"
              ,
              "~/Content/Theme/vendors/bootstrap-wysihtml5-rails-b3/vendor/assets/stylesheets/bootstrap-wysihtml5/core-b3.css"
              , "~/Content/Theme/vendors/easypiechart/jquery.easy-pie-chart.css"
              , "~/Content/Theme/vendors/easypiechart/jquery.easy-pie-chart_custom.css"
              ,
              "~/Content/Theme/vendors/bootstrap-wysihtml5-rails-b3/vendor/assets/stylesheets/bootstrap-wysihtml5/core-b3.css"
              , "~/Content/Theme/vendors/jGrowl/jquery.jgrowl.css"
              , "~/Content/Theme/vendors/bootstrap-datepicker/css/datepicker.css"
              , "~/Content/Theme/vendors/fullcalendar/fullcalendar.css"));
      }
  }
  </code></pre>
  
  <p>my login page :</p>
  
  <pre><code>@model LoginViewModel
  @{
    ViewBag.Title = "Log in";
   }
  
   &lt;div class="row"&gt;
       @using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "bootstrap-admin-login-form" }))
  {
      @Html.AntiForgeryToken()
      @Html.ValidationSummary(true)
  
      &lt;h1&gt;Login&lt;/h1&gt;
      &lt;div class="form-group"&gt;
          &lt;input class="form-control" type="text" name="Email" placeholder="Email"&gt;
          @Html.ValidationMessageFor(m =&gt; m.Email, "", new { @class = "text-danger" })
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;input class="form-control" type="password" name="Password" placeholder="Password"&gt;
          @Html.ValidationMessageFor(m =&gt; m.Password, "", new { @class = "text-danger" })
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div&gt;
              &lt;div class="checkbox"&gt;
                  @Html.CheckBoxFor(m =&gt; m.RememberMe)
                  @Html.LabelFor(m =&gt; m.RememberMe)
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;button class="btn btn-lg btn-primary" type="submit"&gt;Submit&lt;/button&gt;
  }
  &lt;/div&gt;
  @section Scripts {
      @Scripts.Render("~/bundles/jqueryval")
   }
  </code></pre>
  
  <p>in my Web.Config file i put this:</p>
  
  <pre><code> &lt;system.webServer&gt;
     &lt;modules runAllManagedModulesForAllRequests="true"&gt;
       &lt;remove name="BundleModule" /&gt;
       &lt;add name="BundleModule" type="System.Web.Optimization.BundleModule" /&gt;
       &lt;remove name="FormsAuthentication" /&gt;
       &lt;remove name="ApplicationInsightsWebTracking" /&gt;
       &lt;add name="ApplicationInsightsWebTracking" type="Microsoft.ApplicationInsights.Extensibility.Web.RequestTracking.WebRequestTrackingModule, Microsoft.ApplicationInsights.Extensibility.Web" preCondition="managedHandler" /&gt;
     &lt;/modules&gt;
     &lt;validation validateIntegratedModeConfiguration="false" /&gt;
   &lt;/system.webServer&gt;
  </code></pre>
  
  <p>I saw a lot of solutions on the web, both on server and project side ! I enabled the <strong><em>static content</em></strong> in windows features. I changed the <strong><em>BundleConfig.cs</em></strong> file as told here <a href="https://stackoverflow.com/questions/11980458/bundler-not-including-min-files">Bundler not including .min files</a>, but nothing worked for me !</p>
  
  <p>NB: <strong>One of my pages has some styles defined in the razor file, it's rendering well ! so I think that the problem is somewhere within the bundle file !</strong></p>
  
  <p>can anyone help me please ?</p>
  
  <p>&lt;==== EDIT =====></p>
  
  <p>I just put in my Web.Config file :</p>
  
  <pre><code>  &lt;compilation debug="false" targetFramework="4.5" /&gt;
  </code></pre>
  
  <p>and the result in my local machine is without styles (just like the remote one) if it can help someone to understand...</p>