<small id='6HuY8'></small><noframes id='6HuY8'>

    1. <i id='6HuY8'><tr id='6HuY8'><dt id='6HuY8'><q id='6HuY8'><span id='6HuY8'><b id='6HuY8'><form id='6HuY8'><ins id='6HuY8'></ins><ul id='6HuY8'></ul><sub id='6HuY8'></sub></form><legend id='6HuY8'></legend><bdo id='6HuY8'><pre id='6HuY8'><center id='6HuY8'></center></pre></bdo></b><th id='6HuY8'></th></span></q></dt></tr></i><div id='6HuY8'><tfoot id='6HuY8'></tfoot><dl id='6HuY8'><fieldset id='6HuY8'></fieldset></dl></div>
    2. <tfoot id='6HuY8'></tfoot><legend id='6HuY8'><style id='6HuY8'><dir id='6HuY8'><q id='6HuY8'></q></dir></style></legend>
      • <bdo id='6HuY8'></bdo><ul id='6HuY8'></ul>
    3. Coffeescript 中的源映射 - 错误未映射到源

      时间:2024-04-19
        • <bdo id='5WK7m'></bdo><ul id='5WK7m'></ul>

          <i id='5WK7m'><tr id='5WK7m'><dt id='5WK7m'><q id='5WK7m'><span id='5WK7m'><b id='5WK7m'><form id='5WK7m'><ins id='5WK7m'></ins><ul id='5WK7m'></ul><sub id='5WK7m'></sub></form><legend id='5WK7m'></legend><bdo id='5WK7m'><pre id='5WK7m'><center id='5WK7m'></center></pre></bdo></b><th id='5WK7m'></th></span></q></dt></tr></i><div id='5WK7m'><tfoot id='5WK7m'></tfoot><dl id='5WK7m'><fieldset id='5WK7m'></fieldset></dl></div>
          • <small id='5WK7m'></small><noframes id='5WK7m'>

            <legend id='5WK7m'><style id='5WK7m'><dir id='5WK7m'><q id='5WK7m'></q></dir></style></legend>
                <tfoot id='5WK7m'></tfoot>
                  <tbody id='5WK7m'></tbody>
                本文介绍了Coffeescript 中的源映射 - 错误未映射到源的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                问题描述

                我刚刚意识到源映射 - 一个期待已久的功能.让我印象深刻的是这么多人聚在一起为咖啡脚本(浏览器、kickstart 项目等)实现它

                I just became aware of source mapping - a long awaited feature. I am impressed so many people got together to make it happen for coffee-script (browsers, kickstart project etc...)

                我设置了一个小测试,所以我可以理解如何使用它......

                I set up a little test, so I could understand how to use it...

                注意这里有一个故意的错误,因为 y 没有定义

                console.log 123
                
                sq = (x)->
                  x * x
                
                console.log "thats how easy: "+sq y
                

                来源地图

                {
                  "version": 3,
                  "file": "test.js",
                  "sourceRoot": "",
                  "sources": [
                    "test.coffee"
                  ],
                  "names": [],
                  "mappings": ";AAAA;CAAA,CAAA,IAAA;CAAA;CAAA,CAAA,CAAA,IAAO;;CAAP,CAEA,CAAK,MAAC;CACJ,EAAI,QAAJ;CAHF,EAEK;;CAFL,CAKA,CAAA,IAAO,WAAK;CALZ"
                }
                

                Javascript

                // Generated by CoffeeScript 1.6.1
                (function() {
                  var sq;
                
                  console.log(123);
                
                  sq = function(x) {
                    return x * x;
                  };
                
                  console.log("thats how easy: " + sq(y));
                
                }).call(this);
                //@ sourceMappingURL=test.map
                

                翡翠

                html
                  head
                    script(src="test.js")
                  body
                    h1 Test Page
                

                这一切似乎都在工作,因为咖啡脚本源已显示,我什至可以设置断点(但图形似乎没有显示,并且在 javascript 中设置断点的位置似乎有点不稳定).

                This all seems to be working, because the coffee-script source is displayed, and I can even set breakpoints (but the graphic seems not to show, and it seems a little erratic in where the breakpoints are set in the javascript).

                我遇到的问题是,当出现错误时,控制台会报告 javascript 文件的行号.如何找出导致错误的咖啡脚本源文件的行?

                The problem I am having is that when there is an error, the console reports the line number of the javascript file. How can I find out the line of the coffee-script source file that causes the error?

                我在 OSX 10.8.2 上使用 Google Chrome 版本 23.0.1271.101

                I am using Google Chrome Version 23.0.1271.101 on OSX 10.8.2

                推荐答案

                实际上我刚刚回答了我自己的问题,与你的问题非常相似.您可以查看此处.

                I actually just answered my own question very similar to yours. You can take a look here.

                我正在使用的解决方案是使用browserify 连接/编译我所有的coffeescript,使用coffeeify 作为转换选项.在 browserify 中将 debug 设置为 true 时,您的所有行号都应映射回原始咖啡脚本源中的正确行.

                The solution I am using is to concat/compile all my coffeescript with browserify,using coffeeify as a transform option. When debug is set to true in browserify, all your line numbers should map back to the correct line in your original coffeescript source.

                这篇关于Coffeescript 中的源映射 - 错误未映射到源的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                上一篇:使用 grunt 运行 2 个异步任务 下一篇:在条纹按钮上设置数据属性

                相关文章

                  <small id='z3Fhw'></small><noframes id='z3Fhw'>

                    • <bdo id='z3Fhw'></bdo><ul id='z3Fhw'></ul>
                    <tfoot id='z3Fhw'></tfoot>
                    <i id='z3Fhw'><tr id='z3Fhw'><dt id='z3Fhw'><q id='z3Fhw'><span id='z3Fhw'><b id='z3Fhw'><form id='z3Fhw'><ins id='z3Fhw'></ins><ul id='z3Fhw'></ul><sub id='z3Fhw'></sub></form><legend id='z3Fhw'></legend><bdo id='z3Fhw'><pre id='z3Fhw'><center id='z3Fhw'></center></pre></bdo></b><th id='z3Fhw'></th></span></q></dt></tr></i><div id='z3Fhw'><tfoot id='z3Fhw'></tfoot><dl id='z3Fhw'><fieldset id='z3Fhw'></fieldset></dl></div>
                    <legend id='z3Fhw'><style id='z3Fhw'><dir id='z3Fhw'><q id='z3Fhw'></q></dir></style></legend>