使用汇总来捆绑d3模块时，`transition`未定义

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);