vue.js - vue中引入d3一直提示错误

问题描述

问 题

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

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

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

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

解决方案

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

方法1, 部分引入

import { scaleLinear } from "d3-scale";

方法2，全部引入

import * as d3 from "d3";

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

这篇关于vue.js - vue中引入d3一直提示错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！