2012-02-02 12 views
0

"Mindscape Web Workbench"ビジュアルスタジオの拡張機能をインストールし、NugetのLessCoffeeリファレンスを追加します。Asp.Netの* .coffeeファイルからcoffeescriptを実行

私のページに、私はそれらのコードを書いて、それは実行されています。

Asp.netページで

@fonksiyon =() -> alert "I knew it!" 

    @myalert=(myText)-> alert myText 

CoffeeScript.coffee

に:私はこれを書いたように、

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 
    <script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"  type="text/javascript"></script> 

    <script type="text/coffeescript"> 

    @fonksiyon =() -> alert "I knew it!" 

    @myalert=(myText)-> alert myText 

    </script> 
</asp:Content> 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 
    <input type="button" id="deneme" onclick="fonksiyon()" value="Deneme" /> 
    <br /> 
    <input type="button" id="Button1" onclick="myalert('yazi veya uyari')" value="Deneme" /> </asp:Content> 

は、私が "Coffee1.coffee" から同じコードを実行したい

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 
    <script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js" type="text/javascript"></script> 
    <script src="CoffeeScript1.coffee" type="text/coffeescript"></script> 

</asp:Content> 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 

    <input type="button" id="deneme" onclick="fonksiyon()" value="Deneme" /> 
    <br /> 
    <input type="button" id="Button1" onclick="myalert('yazi veya uyari')" value="Deneme" /> 
</asp:Content> 

しかし、このコードは機能しません。

CoffeeLessは、web.configファイルを追加します。

<httpHandlers> 
     <add path="*.coffee" type="DotSmart.CoffeeScriptHandler, LessCoffee" verb="*" validate="false" /> 
     <add path="*.less" type="DotSmart.LessCssHandler, LessCoffee" verb="*" validate="false" /> 
     <add path="*.less.css" type="DotSmart.LessCssHandler, LessCoffee" verb="*" validate="false" /> 
    </httpHandlers> 
    </system.web> 
    <system.webServer> 
    <modules runAllManagedModulesForAllRequests="true" /> 
    <validation validateIntegratedModeConfiguration="false" /> 
    <handlers> 
     <add path="*.coffee" type="DotSmart.CoffeeScriptHandler, LessCoffee" verb="*" name="DotSmart.CoffeeScriptHandler" /> 
     <add path="*.less" type="DotSmart.LessCssHandler, LessCoffee" verb="*" name="DotSmart.LessCssHandler" /> 
     <add path="*.less.css" type="DotSmart.LessCssHandler, LessCoffee" verb="*" name="DotSmart.LessCssHandler2" /> 
    </handlers> 
    </system.webServer> 

私はFirebugのとそれをコントロールさとこのエラーを返す:

'にSyntaxErrorを:予約語ライン4の "機能"' メソッドを呼び出す:[nsIDOMEventListener: :のhandleEvent]このエラーの [ブレイク]
ろ過クロームURLクローム:

私は何をすべき

を//firebug/content/net/spy.js?

ありがとうございました。

+0

として、あなたの質問に全く答えることのできないサイドノート。今すぐLESSのMindscape Web Workbenchを使用することをお勧めします。それ以前はDuncanのソリューションを使用していましたが、それは優れていましたが、Workbenchにはハイライトなどがあります。 –

答えて

0

あなたは*アップ奉仕するのHttpHandlerを使用する場合.coffeeは彼らがあなたのクライアント側のスクリプトタグは、実際にJavaScriptを指定する必要があり、したがって、サーバー上のJavaScriptに変換しますファイル:

<script src="CoffeeScript1.coffee" type="text/javascript"></script> 
+0

あなたの投稿をありがとう –