2013-08-30 21 views
20

less-filesをコンパイルするドットレス1.3.1.0を使用します。これは、ブートストラップ2.xので罰金働いたが、3.0.0をブートストラップするために切り替えた後(ここからソースをダウンロード:http://getbootstrap.com/getting-started/)、私は突然、このエラーを取得:ドットがコンパイルに失敗しました。ブートストラップで3 lessソース

Expected ')' but found ' ' on line 47 in file 'mixins.less': [46]: // Sizing shortcuts [47]: .size(@width; @height) { ------------^ [48]: width: @width;

があるようです。パラメータ間のセパレータは有効ではありません。 mixins.lessの元のソースは次のようになります:

... 
// Sizing shortcuts 
.size(@width; @height) { 
    width: @width; 
    height: @height; 
} 
... 

更新されたlessコンパイラを使用する必要がありますか?あるいは、ブートストラップのリリースでバグが少なくなったのですか?

UPDATE 1:私は、ドットなしのプルリクエストが存在し、問題を修正していることがわかります。

https://github.com/dotless/dotless/pulls 「の修正、ミックスインパラメータリストでサポートされていません#319#320」

これはドットなしで固定されるまで、私はCSSファイルを使用して行きます。あなたは、ブートストラップのgetting started pageをチェックアウトする場合

答えて

6

つを試してみましたので、 理由は非常に遅いです。 Apparently Bootstrap3は現在、最新のコードをコンパイルします:)

https://github.com/dotless/dotless/commits/master

私が更新NuGetパッケージは、(this tweetに基づいて)すぐに利用できるようになります期待し

+0

はうまく見えますが、dotless.Compiler実行ファイルでは動作しません。 LESSファイルの改ざんを見ているときにはまだ窒息しています。 : –

+1

これを愚かにまでチョークする...ページの "DLLをダウンロードする"リンクは、1.4.1ではなく、1.3.1を押している。あなたが最後のジップをつかんでいれば、 Visual Studioでビルドしてください。Viola。次のステップに役立つものがあります:http://tedgustaf.com/blog/2010/11/setup-dotless-in-aspnet-project/ - ビルダーを配置する方法の説明あなたのプロジェクトのビルドプロセス。 –

8

、あなたは彼らが述べることがわかります:

LESS compilation

If you download the original files, you need to compile Bootstrap's LESS files into usable CSS. To do that, Bootstrap only officially supports Recess, Twitter's CSS hinter built on top of less.js.

ドットなしを使用していないものの、私はあなたがlesscを使用した同様の経路をたどって、その後、使用して凹部が解決ことがわかった私問題。おそらく、くぼみを使用することもあなたの選択肢ですか?

例として、私は以下の内容でtmpfl.lessと呼ばれるファイルがあります、今

lessc tmpfl.less 
NameError: .size is undefined in mixins.less:47:0 
46 // Sizing shortcuts 
47 .size(@width; @height) { 
48 width: @width; 

:私はそれでlesscを実行する場合

@import "mixins.less"; 
@import "variables.less"; 


.wrapper { 
    .make-row(); 
} 
.content-main { 
    .make-lg-column(8); 
} 
.content-secondary { 
    .make-lg-column(3); 
    .make-lg-column-offset(1); 
} 

を、私は次のような結果を得ます次のように私は正常に凹部を使用します。

recess --compile tmpfl.less > tmpfl.css 

更新:

.NET環境、特にVisual StudioでRecessを利用するには、インストールの詳細についてthese instructionsを参照してください。これらの手順では概要を説明していますが、Node.jsのインストールに関する詳細は省略している場合があります。 Microsoftにはbrief wordsがあり、Visual Studioのバージョンに応じて役に立つa GitHub projectにリンクしています。

Node.js-in-Visual Studioのルートを下っていないのであれば、本当に主な目標はNode.jsをどこかにインストールしてから、最終的にnpm、Node.jsのパッケージマネージャRecessをインストールできます。これはWindowsでthe Node.js downloadに行き、Windows版をインストールすることで実現できます。 npmのインストールは、this stackoverflow discussionで強調表示されています。インストールが完了したら、次のようにnpmを実行してRecessをインストールする必要があります。

npm install recess -g 

このアップデートの最初のリンクでも説明しています。

+0

お返事ありがとうございます。私はそれを行って、less.netのように円滑に働く.netの陥凹フレームワークを探します。あなたは何か知っていますか?あなたはお勧めできますか? :) –

+0

私はLinux内でNode.jsを使用していますが、.NET環境で動作させるための詳細については私の回答を更新しました。これが役立つ場合は、必ず答えとしてマークしてください。私は私の担当者を増やそうとしている。スタックオーバーフローで。 –

+0

@edlありがとう、それは私のために働く!ノード+リセス岩! –

0

私はlessjsを使うことなくコンパイルするhttphandlerをまとめました。

これは、生産品質コードよりも概念の証明ですが、一部の人にとっては出発点として有用かもしれません。

あなたがここにソースを見つけることができます。

https://bitbucket.org/martinbooth/clearscriptless

を誰もがジュラシック使用してこれを実行しようとしているに興味がある場合は、あなたがここに私の試みを見つけることができます。

https://bitbucket.org/martinbooth/jurassicless

私は

    これはジュラシックをお勧めしません。
  • メインプロジェクトに現在組み込まれていない、 のライブラリーに対するいくつかのバグ修正が必要私の変更は現在Jurassicのマスターブランチにありますので、これはもはや問題ではありません(最新のリリースには現在含まれていません)
  • それは、私がドットなしの3つの問題が合併し、ブートストラップのためにいくつかの修正があった使用して私の同僚のclearscript
1

を、これは自分自身を動作するように得ることに時間を過ごした後、私が見つけました現時点ではドットなしは無用です。ここ

しかし、あなたはあなたのMVC ASP.Netプロジェクトではあまりとブートストラップ3未満implimentことができる場所である

http://www.tomdupont.net/2013/10/bootstrap-3-less-bundling-and-aspnet-mvc.html?showComment=1386250367416#c1439130135847828203

この男は私の本の中のインターネットを獲得し、あなたは彼のスタック交換を追跡することができた場合私の口座は私に教えてください。

関連する問題