d3 在节点和浏览器中 - 如何导入？

Question

我根本无法理解在节点和浏览器中导入和使用 d3 的所有功能的最佳方法是什么。这当然与我对require 差异的理解有限有关。 import 并在 script-tag 中导入 d3。

什么时候应该使用什么？我是否应该，例如当我想在节点中读取文件时，只需安装 npm install d3 然后我就可以访问例如d3 的csvfunction via

import {csv } from "d3-fetch?

例如我有这个小脚本：

import { csv } from 'd3-fetch'
let path = './data.csv'
let data = await csv(path)
console.log(data)

在我的package.json 我有：

"dependencies": {
    "d3-fetch": "^3.0.1"
}

但我仍然收到错误：

ReferenceError: fetch is not defined

我非常高兴收到任何指向良好资源的指针，以了解导入应该如何工作。对我来说，这根本不是微不足道的。我知道有一些关于 SO 的资源，但到目前为止没有一个真正帮助过我。 对于这个非常简单但令人困惑的问题，我很抱歉......

Answer 1

您的导入语句看起来没有问题。 Node 本身不支持 fetch API，这就是您收到引用错误的原因。 D3的创造者居然回答了这个问题here。