文章/答案/技术大牛

发布

社区首页 >问答首页 >获取Ruby Opal代码中的错误行

问获取Ruby Opal代码中的错误行
EN

Stack Overflow用户

提问于 2015-09-13 16:31:54

回答 1查看 535关注 0票数 9

class Test

  def initialize

  end

  def crash
    print x
  end

end

Test.new.crash

显然，这个片段将在第8行崩溃。如果使用Opal解析此代码，您将得到以下编译的代码：

/* Generated by Opal 0.8.0.beta1 */
(function(Opal) {
  Opal.dynamic_require_severity = "error";
  var self = Opal.top, $scope = Opal, nil = Opal.nil, $breaker = Opal.breaker, $slice = Opal.slice, $klass = Opal.klass;

  Opal.add_stubs(['$print', '$x', '$crash', '$new']);
  (function($base, $super) {
    function $Test(){};
    var self = $Test = $klass($base, $super, 'Test', $Test);

    var def = self.$$proto, $scope = self.$$scope;

    def.$initialize = function() {
      var self = this;

      return nil;
    };

    return (def.$crash = function() {
      var self = this;

      return self.$print(self.$x());
    }, nil) && 'crash';
  })(self, null);
  return $scope.get('Test').$new().$crash();
})(Opal);

当然，它也会抛出同样的错误。

但是，是否有一种方法可以确定此错误来自Ruby行？

我可以看到这个问题：有没有办法在Opal生成的javascript中显示Ruby行号？，但我不明白答案:它把我带到https://github.com/opal/opal/tree/0-6-stable/examples/rack，我不知道我应该看什么或者做什么。

当我运行我的javascript时，我有一个index.html文件来加载opal.min.js和opal-parser.min.js，最后我将编译的Ruby代码放在一个<script>标记中。

javascript

ruby

opalrb

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-28 18:45:41

Opal有源地图支持，便于这种源码级的调试。我将不详细介绍源代码地图，但是HTML5Rocks有一个伟大的文章，它深入讨论了这个主题。

下面是用Opal设置的最小样板：

让index.rb成为我们的源文件：

class Test

  def initialize

  end

  def crash
    print x
  end

end

Test.new.crash

由于您不想使用很多无关的功能，所以让我们直接使用Opal。创建一个文件builder.rb，它将编译上面的文件：

require 'opal'
Opal::Processor.source_map_enabled = true
Opal.append_path "."

builder = Opal::Builder.new.build('index')

# Write the output file containing a referece to sourcemap
# which we generate below : this will help the browser locate the 
# sourcemap. Note that we are generating sourcemap for only code and not
# the entire Opal corelib.
#
File.binwrite "build.js", "#{builder.to_s}\n//# sourceMappingURL=build.js.map"
File.binwrite "build.js.map", builder.source_map.to_s

File.binwrite "opal_lib.js", Opal::Builder.build('opal_lib')

还创建一个只包含以下内容的opal_lib.rb文件：

require 'opal'

最后，创建一个允许我们在浏览器中运行脚本的index.html。

<!DOCTYPE html>
<html>
  <head>
    <script src="opal_lib.js"></script>
    <script src="build.js"></script>
  </head>
  <body>
  </body>
</html>

现在要实际编译您的文件，请运行：

ruby builder.rb

这将生成编译好的javascript文件opal_lib.js和build.js，这些文件被我们的index.html文件引用。现在只需在浏览器中打开index.html即可。您将得到一个完整的调用堆栈和源视图：

源文件的行号可用：

作为使用浏览器的另一种选择，您还可以将Node.js用于相同的目的。这需要安装Node.js和npm。您还需要安装npm模块source-map-support。

npm install source-map-support

现在您可以打开节点repl并输入以下内容：

require('source-map-support').install();
require('./opal_lib');
require('./build');

您将得到一个具有正确源行号的堆栈跟踪：

/home/gaurav/Workspace/opal-playground/opal_lib.js:4436
        Error.captureStackTrace(err);
              ^
NoMethodError: undefined method `x' for #<Test:0x102>
    at OpalClass.$new (/home/gaurav/Workspace/opal-playground/opal_lib.js:4436:15)
    at OpalClass.$exception (/home/gaurav/Workspace/opal-playground/opal_lib.js:4454:31)
    at $Test.$raise (/home/gaurav/Workspace/opal-playground/opal_lib.js:4204:31)
    at $Test.Opal.defn.TMP_1 (/home/gaurav/Workspace/opal-playground/opal_lib.js:3032:19)
    at $Test.method_missing_stub [as $x] (/home/gaurav/Workspace/opal-playground/opal_lib.js:886:35)
    at $Test.$crash (/home/gaurav/Workspace/opal-playground/index.rb:8:11)
    at /home/gaurav/Workspace/opal-playground/index.rb:13:10
    at Object.<anonymous> (/home/gaurav/Workspace/opal-playground/index.rb:13:10)
    at Module._compile (module.js:435:26)
    at Object.Module._extensions..js (module.js:442:10)

我建议您使用邦德勒进行gem管理。下面是获取Opal的Gemfile：

source 'http://production.cf.rubygems.org'

gem 'opal', github: 'opal/opal'

要编译，您必须运行：

bundle install
bundle exec ruby builder.rb

其他人提到的链轮集成/机架集成在下面使用相同的API，抽象出管道。

更新：

由于堆栈中有正确的行号，所以通过编程解析堆栈并将这个行号提取到变量中是公平的：

require('./opal_lib');
require('source-map-support').install();
var $e = null;
try {
  require('./build');
} catch (e) {
  $e = e;
}
var lines = e.split('\n').map(function(line){ return line.match(/^.*\((\S+):(\d+):(\d+)\)/) })

var first_source_line;

for (var i = 0; i < lines.length ; i++) {
  var match = lines[i];
  if (match == null) continue;
  if (match[1].match(/index.rb$/) {
    first_source_line = match;
    break;
  }
}

var line_number;
if (first_source_line) line_number = first_source_line[2] // ==> 8

当然，您也可以使用ruby (但是如果您在浏览器中运行它，您也必须在这里包含源地图支持)：

class Test

  def initialize

  end

  def crash
    print x
  end

end

line_num = nil
begin
  Test.new.crash
rescue => e
  if line = e.backtrace.map{|line| line.match(/^.*\((\S+):(\d+):(\d+)\)/) }.compact.find{|match| match[1] =~ /index.rb$/ }
    line_num = line[2]
  end
end

puts "line_num => #{line_num}" # ==> 8

票数 5

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32551916

复制

相似问题

问获取Ruby Opal代码中的错误行
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取Ruby Opal代码中的错误行EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取Ruby Opal代码中的错误行
EN