d3爬坑路——vue-cli+npm安装

      最近要做一个关于道路断面图的可视化页面，需要用到D3，找了很多资源都是D3 v3的例子，而现在使用的是D3 v4.10版本,然后用vue-cli搭建了一个项目，yarn（总感觉yarn比npm install 快一点）后npm run dev成功开启服务，然后就安装d3，npm install d3 --save-dev，安装成功后npm run dev就失败了。。。报错如下：



然后就根据提示安装，到最后，又出现了新的错误：



结果就解决不了错误了。。。（知道怎么解决这个问题的亲麻烦讲讲解决方案。万谢！）

然后我就删掉了node_modules的文件夹，

此时package.json中已经有d3了：



这时再重新yarn一下，再npm run dev,成功启动了服务。



注：之前yarn后出现过因网络问题造成了d3-xxx的下载不成功问题，于是删掉node_modules进行npm install 成功npm run dev 启动了服务。。。