2012-12-29 30 views
1

嗯,我想我已经疯了。我有一些MVC4 VS 2010项目都使用Twitter Bootstrap/Less,我现在在VS 2012中使用时没有任何问题。然而,每当我尝试创建一个新的MVC4互联网项目,并模仿我在Bootstrap的其他2010项目中使用的设置,它将无法工作!在Chrome控制台,它显示了这一点:Twitter的Bootstrap和更少的Visual Studio 2012 MCV4问题

enter image description here

这两个文件都在那里,我已经花了我一半的周六试图找出什么@#($ @#* $是怎么回事这里是我的文件设置在VS 2012:

enter image description here

这里是我的头:

<link rel="stylesheet" href="/Content/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<link rel="stylesheet/less" href="/Content/themes/Admin/less/bootstrap.less" type="text/css" /> 
<!-- SCRIPTS --> 
<script type="text/javascript" src="/Content/themes/Admin/less-1.3.1.min.js"></script> 
<script src="@Url.Content("~/Content/themes/Admin/js/bootstrap.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script> 
<script type="text/javascript" src="/Content/js/jquery.timepicker.min.js"></script> 

任何人都可以看到任何明显的错误?我尝试了一大堆不同的组合,但我正在努力保持这一点尽可能简单。谢谢你的时间!

+0

您可以摆脱MVC4中的Url.Content引用,并在所有路径中使用〜/(http://www.davidhayden.me/blog/asp.net-mvc-4-the-new-tilde -slash-feature-in-razor-2),它会稍微清理一些东西 - 在你的样式表参考中没有这些,这可能是问题的一部分。另外,您是否可以更改您的发布图片以扩展较少的文件夹 – levelnis

回答

3

您是否缺少.less的MIME类型?

尝试将以下内容添加到web.config的system.webServer部分。

<staticContent> 
    <mimeMap fileExtension=".less" mimeType="text/css" /> 
</staticContent> 

add a MIME type in IIS

0

为了时间的利益,我决定继续并通过WinLess预编译我的.less文件。让LESS JavaScript文件在dev中工作只是有助于加快速度,但哦