javascript - 将 React 升级到 0.13.2 会导致 : "Uncaught TypeError: Cannot read property ' _currentElement' of null"

Question

我将 React 版本从 0.12.2 升级到 0.13.2，将 React-Router 从 0.12.4 升级到 0.13.2。仅进行这两项升级而没有执行其他任何操作，我现在在加载网页/应用程序时收到以下错误:

Uncaught TypeError: Cannot read property '_currentElement' of null

有什么想法可能导致这种情况吗？我似乎提到了一些潜在的 React-Router 错误，但没有明确的内容。

导致错误的具体行是:

ReactRef.detachRefs(internalInstance, internalInstance._currentElement);

更新1:我还刚刚将reactify从版本1.0.0升级到1.1.0，并将react-router-bootstrap(我实际上还没有使用)从0.9.1升级到0.13。 0 基于@BinaryMuse 的评论 - 没有变化。

更新 2: 经过进一步测试，我已将问题范围缩小到 react-d3 的问题。 。从我的网站禁用react-d3代码会导致错误消失。我正在删除路由代码以使帖子更加简洁，因为我现在相当有信心 React-router 不会导致此问题。

更新3:感谢@CoryDanielson为react-d3创建新标签.

package.json

{
  "author": "me",
  "name": "my project",
  "description": "my awesome project",
  "version": "0.1.0",
  "dependencies": {
    "bootstrap": "^3.3.2",
    "d3": "^3.5.5",
    "font-awesome": "^4.3.0",
    "jquery": "^2.1.3",
    "react": "^0.13.2",
    "react-bootstrap": "^0.21.0",
    "react-d3": "^0.3.1",
    "react-router": "^0.13.2",
    "react-router-bootstrap": "~0.13.0",
    "reflux": "^0.2.6",
    "uuid": "^2.0.1"
  },
  "devDependencies": {
    "browser-sync": "^2.2.2",
    "browserify": "^9.0.3",
    "del": "^1.1.1",
    "envify": "^3.4.0",
    "gulp": "^3.8.11",
    "gulp-css-url-adjuster": "^0.2.3",
    "gulp-jshint": "^1.9.2",
    "gulp-minify-css": "^0.5.1",
    "gulp-sourcemaps": "^1.5.0",
    "gulp-uglify": "^1.1.0",
    "gulp-util": "^3.0.4",
    "gulp-watch": "^4.1.1",
    "reactify": "~1.1.0",
    "vinyl-buffer": "^1.0.0",
    "vinyl-source-stream": "^1.0.0",
    "watchify": "^2.4.0"
  },
  "browserify": {
    "transform": [
      [
        "reactify",
        {
          "es6": false
        }
      ]
    ]
  },
}

Answer 1

我已经弄清楚了。这归结为 react-d3 中发现的 render 函数的问题。的折线图/DataSeries。该函数通过对数据数组的第一个元素进行采样来检查数据的类型。但是，它不提供任何检查来查看数据数组是否为空。

我之前曾见过来自 LineChart 的错误，其形式为

Uncaught TypeError: Cannot read property 'x' of undefined

但是，我忽略了它们，因为它们是访问错误并且不会阻止应用程序运行。 React 中的某些内容一定从 v0.12.4 更改为 v.0.13.2，使得这些以前无害的错误现在被破坏了。我阅读了 v0.13.0、v0.13.1 和 v.0.13.2 的发行说明，但没有发现任何内容说明为什么会出现此新错误。我还没有时间查看代码差异。

我没有连接这两个错误，因为 LineChart 的部分仍然抛出 Uncaught TypeError: Cannot read property 'x' of undefined 所以我只是假设 Uncaught TypeError: Cannot read property '_currentElement' of null 错误是由升级引起的新错误，并且掩盖了额外的无法读取 x 错误。

我将很快向react-d3提交一个pull-request来纠正这个问题。谢谢大家的帮助。

更新: here is the pull-request