`transition`使用匯總捆綁D3模塊

Question

我的代碼看起來像這樣未定義：

// foo.js 
import {select} from 'd3-selection'; 
import {transition} from 'd3-transition'; 

console.log(select('body').transition); 

控制檯返回undefined。

這似乎發出https://github.com/rollup/rollup/issues/13相關的，然後我加入了空進口報關：

import {select} from 'd3-selection'; 
import {transition} from 'd3-transition'; 
import 'd3-transition'; 

console.log(select('body').transition); 

，但仍然控制檯返回undefined。如何設置selection.prototype.transition？

Answer 1

該問題與d3選擇和d3過渡版本之間的衝突有關。

前：

"d3-selection": "^1.0.5", 
"d3-transition": "^1.1.0", 

後：

"d3-selection": "^1.1.0", 
"d3-transition": "^1.1.0", 

現在下面的代碼按預期工作：

// foo.js 
import {select} from 'd3-selection'; 
import {transition} from 'd3-transition'; 

console.log(select('body').transition);