1

在此处输入图像描述

我正在使用browserify -> babelify -> uglify2. 这react_app.jsx实际上是从源地图加载的。

进一步的实验编辑：

  • 纯js-> browserify：否
  • jsx -> 使用 reactify 进行浏览器化：是
  • jsx -> 使用 babelify 进行浏览器化：是

所以它是关于 jsx 的？

更多实验

这是关于从 jsx 到 js 的源映射。我正在使用reactify 0.17并且效果很好。但是将reactify 1.0源映射选项硬编码为true. 有一个悬而未决的问题。

chrome ofreactify 0.17中的视图就像没有灰线：

render: function () {
    return (
        React.createElement("div", {className: "tile"}, 
            React.createElement("div", {className: "chart"})
        )
    );
}

chrome ofreactify 1.0中的视图类似于灰色线条，并且断点有时不起作用！：

render: function () {
    <div className="tile">
        <div className="chart" />
    </div>
}

我可以重现灰线。但是非工作断点是不可预测的。babelify默认情况下，源映射“打开”，因此它的行为类似于reactify 1.0.

我认为@SteveB @AndersNS 是正确的，它是构成这些灰线的铬。而且由于它们不是真正的线条，因此断点的行为很奇怪。

TL;博士;

reactify 1.0.jsx从to实现源映射.js。chrome 开发工具尊重该源映射，但似乎与它不完全兼容。

4

0 回答 0