title: TypeScript D3 v4 import not working
body: <p>I am trying to build a tiny JS library on top of D3 to draw a line chart. I am fairly new to the whole scene, but I thought I'd learn best by jumping in the "deep end".</p>
  
  <p>Here is the content of my <code>package.json</code></p>
  
  <pre><code>{
    "name": "d3play02",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
      "test": "echo \"Error: no test specified\" &amp;&amp; exit 1"
    },
    "keywords": [],
    "author": "",
    "license": "ISC",
    "devDependencies": {
      "d3-array": "^1.0.1",
      "d3-axis": "^1.0.3",
      "d3-request": "^1.0.2",
      "d3-scale": "^1.0.3",
      "d3-selection": "^1.0.2",
      "d3-shape": "^1.0.3",
      "d3-time-format": "^2.0.2",
      "rollup": "^0.36.3",
      "rollup-plugin-node-resolve": "^2.0.0",
      "uglify-js": "^2.7.4"
    },
    "dependencies": {
      "@types/d3": "^4.2.37"
    }
  }
  </code></pre>
  
  <p>I have a file called <code>LineChart.ts</code> and in there I have:</p>
  
  <pre><code>/// &lt;reference path="node_modules/@types/d3/node_modules/@types/d3-request/index.d.ts" /&gt;
  import csv from 'd3-request';
  
  class LineChart {
      data(url: string): DsvRequest {
          // code to go here
      }
  }
  </code></pre>
  
  <p>But this is giving me an error saying this</p>
  
  <p><a href="https://i.stack.imgur.com/o333a.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/o333a.png" alt="module error"></a></p>
  
  <p>It is complaining that it can't find the <code>d3-request</code> module, but I have that installed and based on the stuff I've read, I am importing correctly!</p>