импорт webpack 4 и d3 es6 не работает

Question

Я пытаюсь использовать webpack4 для комплектации клиентского приложения на основе d3.Однако, когда код связан, он выдает следующую ошибку:

/* Cannot get final name for export "default" in "./node_modules/d3-selection/index.js" 
(known exports: , known reexports: create creator local matcher mouse namespace namespaces 
clientPoint select selectAll selection selector selectorAll style touch touches 
window event customEvent) */
undefined.select('body')
  .append('canvas')
  .attr('id', 'mycanvas')
  .attr('width', 640)
  .attr('height', 480);

В моем источнике у меня есть

import selection from 'd3-selection';
selection.select('body')
  .append('canvas')
  .attr('id', 'mycanvas')
  .attr('width', 640)
  .attr('height', 480);

Я не уверен, является ли это связанным симптомом или нет, но когдаЯ пытаюсь import selection as d3sel from 'd3-selection'; я получаю сообщение об ошибке из-за невозможности поставить оператор в очередь.

Мой файл package.json выглядит так:

"devDependencies": {
  "d3-selection": "^1.3.0",
  "webpack": "^4.10.2",
  "webpack-cli": "^3.0.2"
}

Answer 1

Возможно, выбор не является экспортом по умолчанию?

Попробуйте

import { selection } from 'd3-selection';