2013-08-05 26 views
4

根據這個tutorial我的代碼應該少些,但它不會。爲什麼LESS css在localhost上不工作

你能幫我讓我的css少工作。

現在它不工作 - 頁面加載沒有應用的樣式。我究竟做錯了什麼?

錯誤是:

FileError: '本地主機:1/styles.less' 未找到(404)在styles.less

但它的存在在根?

HTML

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
    <title></title> 
    <link rel="stylesheet/less" type="text/css" href="styles.less"> 
    <script src="_/script/less-1.4.1.min.js" type="text/javascript"></script> 

</head> 

<body> 

    <div id="header">test</div> 

    <h2>test h2</h2> 

</body> 

</html> 

styles.less

LESS

@color: red; 

#header { 
    color: @color; 
} 
h2 { 
    color: @color; 
} 
+2

看看Chrome開發者工具並確保less/j實際加載 – Tomer

+0

當你點擊styles.less URL時會發生什麼?它是從更少的CSS渲染? –

+0

-1,請修改此問題,以便將來對於有類似問題的流浪人員有用。事實上,你的問題太局部了(或者至少你的描述過於籠統)。 – jeremy

回答

3

感謝您的幫助大家 - 原來,答案是我的本地沒有服務於MIME類型.LESS

+0

爲了讓你的本地主機服務於MIME類型,改變文件:apache/conf/mime.types。找到與CSS類型的行,並添加更少,如下所示: text/css \t css less –

0

看來你的文件的源位置不正確。

<script src="_/script/less-1.4.1.min.js" type="text/javascript"></script> 

我從來沒有見過「_」可以用於導航。其實,如果腳本文件夾是在同一目錄中的HTML頁面,然後

<script src="script/less-1.4.1.min.js" type="text/javascript"></script> 

應該足夠讓你的網頁上工作的js文件。

+0

我把我的腳本放在一個名爲「_」的文件夾中,裏面包含了所有的東西。我前些天在一個例子中看到了它,並認爲我試了一下。感謝您的幫助,但來源是正確的。 –

+0

啊這樣......每個瀏覽器都有一個頁面源代碼(在Firefox中爲Ctrl + U)。在那裏,你可以點擊鏈接,所以腳本也是如此。請點擊它,看它是否顯示腳本文件的內容。 – KarelG

+0

嗨,謝謝 - 是的,它有 –

11

如果您使用的是IIS,你必須添加一個「.LESS」擴展到IIS中的MIME類型經理。當您添加新的MIMI時,請輸入「.less」作爲擴展名,輸入「text/css」作爲MIME類型。

11

假設該網站託管在IIS快遞,打開文件

C:\用戶\\的文檔\ IISExpress \ CONFIG \對ApplicationHost.config

和搜索標籤
<staticContent lockAttributes="isDocFooterFileName">

,並添加.LESS MIME如下

<mimeMap fileExtension=".latex" mimeType="application/x-latex" />

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

<mimeMap fileExtension=".lit" mimeType="application/x-ms-reader" />

1

我遇到過這個問題了。

沒有上述修復工作,但我確實設法修復它,當我檢查less.css文件存儲在文件夾訪問。

將IUSR用戶添加到文件夾的讀權限允許文件正確分發。

0

我使用的是IIS 7.5,但是這對於其他IIS版本相同:

的MIME類型較少必須添加到IIS。但就我而言,我必須使用IIS管理器將它添加到「默認網站」,而不是我的應用程序,以便能夠從瀏覽器加載更少的文件。

相關問題