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'; 我從webpack收到一個錯誤消息，關於無法執行該語句。

我的package.json文件如下所示：

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

Answer 1

也許選擇不是默認導出？

嘗試

import { selection } from 'd3-selection';