ES6 (ES2015) module imports not working about d3-webpack-babel-typescript HOT 3 CLOSED

Another way to import that works is:

import { csv } from 'd3-fetch'
csv('/data/output.csv').then(function(data) { 
	console.log('csv', data)
})

from d3-webpack-babel-typescript.

Two options in tsconfig.json deal with default imports:

"allowSyntheticDefaultImports": true,     /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
"esModuleInterop": true                   /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */

from d3-webpack-babel-typescript.

Following are the ways to deal with default imports

1. import * as d3Fetch from 'd3-fetch' --> all exports in d3-fetch will be made available under d3Fetch
2. import { csv } from 'd3-fetch --> only export function csv(){} will be imported and can be used directly without any prefix
3. enable allowSyntheticDefaultImports and esModuleInterop flags in tsconfig.json and then import d3Fetch from 'd3-fetch' will work.

from d3-webpack-babel-typescript.