React バージョンを 0.12.2 から 0.13.2 に、React-Router を 0.12.4 から 0.13.2 にアップグレードしました。これら 2 つのアップグレードだけを実行すると、Web ページ/アプリを読み込むときに次のエラーが表示されます。
Uncaught TypeError: Cannot read property '_currentElement' of null
これを引き起こしている可能性のあるアイデアはありますか？React-Router の潜在的なバグへの言及がいくつかあるようですが、決定的なものはありません。
エラーの原因となる特定の行は次のとおりです。
ReactRef.detachRefs(internalInstance, internalInstance._currentElement);
更新 1: @BinaryMuse のコメントに基づいて、reactify をバージョン 1.0.0 から 1.1.0 にアップグレードし、react-router-bootstrap (実際にはまだ使用していません) を 0.9.1 から 0.13.0 にアップグレードしました。変更はありません。
更新 2:さらにテストした後、これをreact-d3の問題に絞り込みました。サイトから react-d3 コードを無効にすると、エラーが解消されます。反応ルーターがこの問題を引き起こしていないことを確信しているので、投稿をより簡潔にするためにルーティング コードを削除しています。
更新 3: react-d3の新しいタグを作成してくれた @CoryDanielson に感謝します。
パッケージ.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
}
]
]
},
}