vue中引入d3一直提示错误

Question

最近在vue项目中需要使用d3，package.json里面加了：

"dependencies": {
    "d3": "^4.9.1"
  }

但是在vue单文件组件里面引入d3时，会提示这个错误：

然后写let svg=d3.select("body")时网页上也报了错，这是怎么回事呢？

Answer 1

首先看你的 package.json 发现是使用的D3的v4版本，D3的v4版本，进行了功能拆分，不再向v3版本那样的使用形式了，如果你想用模块的方式引入，有两种方法，如下:

方法1, 部分引入

import { scaleLinear } from "d3-scale";

方法2，全部引入

import * as d3 from "d3";

具体说明，请参看 github说明文档

Answer 2

重新npm install试试

Answer 3

看这里 https://segmentfault.com/q/1010000008427497

Answer 4

可以检查一下是不是格式写的欠妥，package.json对格式很敏感，可以试一下，npm i d3 --save。