web-dev-qa-db-ja.com

less.jsを動作させることができません

Less.jsを動作させることができず、その理由がわかりません。これが私が試したHTMLです：

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="utf-8" />

        <!-- CSS -->
        <link rel="stylesheet/less"  href="main.less" />

        <!-- Javascript -->
        <!-- <script src="http://lesscss.googlecode.com/files/less-1.0.18.min.js"></script> -->
        <script src="less-1.0.18.min.js" type="text/javascript"></script>

    </head>
    <body>
        <p>
            Lorum ipsum
        </p>
    </body>
</html>

そしてここにmain.less：

p {
    color: blue;
}

Less-1.0.18.min.jsファイルは http://lesscss.googlecode.com/files/less-1.0.18.min.js からダウンロードされます。すべてのファイルは同じフォルダにあります。なぜこれが機能しないのかわかりません...

Chrome 12.0.742.100でテスト済み

編集

Lates less.jsファイル（less-1.1.3.min.js）を試しました。それもうまくいきませんでした。

さて...

これは機能します：

<link rel="stylesheet" type="text/less" href="main.less" />

ただし、通常のcssとしてのみ、特定のマークアップも少なくありません。

これはまったく機能しません：

<link rel="stylesheet/less" type="text/less" href="main.less" />

また、これは機能していません：

<link rel="stylesheet/less" type="text/css" href="main.less" />

なんてこったい？どうすれば仕事が減りますか？

エラーが見つかりました

P.S.S. Chromeを使用していて、既知のChrome問題。

ソース

cssless
18
Knarf

PSS Less.jsブラウザスクリプトは、Chromeを使用していて、既知の=のため、ページへのパスが「file：///」で始まる場合、現在機能しません。 Chrome問題。

しかし、私たちにできることは、wamp（pc）またはmamap（mac）を使用してローカルテスト環境をセットアップすることです。それなら大丈夫です。

17
Vennsoh

コマンドラインスイッチを使用できます-allow-file-access-from-files起動時にchrome-less.jsがローカルのlessファイルにアクセスできるようにします。

11
verglor

これは少し前に投稿されましたが、私はこれに固執している他の人々のために少し何かを追加すると思いました。

Windowsマシンを使用している場合は、WinLessを試してみることをお勧めします。 Windows用のプリコンパイラです。使用するのは簡単なようです。幸運を。 http://winless.org/

3
Jason