javascript - d3.js 加载 csv 在 Chrome 中抛出 TypeError，在 Safari 中抛出一些 [native code]

Question

所以我在 7 月推出了一个 d3 项目，它正在运行。我今天将其拉下进行更新，在运行 npm install 后，我收到来自 d3.csv()

的错误

随着以下......

d3.csv('js/data/data1.csv', (returnedData) => {
    console.log('RETURNEDDATA', returnedData);
});

在 Chrome 的控制台中，它跟踪出一个包含 10 个对象的数组，这些对象具有正确的列标题，但值都是 NaN，另外还有一个额外的属性，内容为...

1: TypeError: Failed to execute 'fetch' on 'Window': Failed to parse URL from //localhost:80js/data/data1.csv

在 Safari 中，我得到了类似的东西，但它显示...

0 {[native code]: "initializeFetchRequest@[native code]", 3P%: NaN, AST: NaN, BPM: NaN, FG%: NaN, …}
1 {[native code]: "[native code]"}
2 {[native code]: "fetch@[native code]"}
3 {[native code]: "_onFinish@http://localhost:3000/js/scripts-bundle.js:18:27206"}
4 {[native code]: "http://localhost:3000/js/scripts-bundle.js:18:26091"}
5 {[native code]: "emit@http://localhost:3000/js/scripts-bundle.js:12:30954"}
6 {[native code]: "finishMaybe@http://localhost:3000/js/scripts-bundle.js:18:13349"}
7 {[native code]: "endWritable@http://localhost:3000/js/scripts-bundle.js:18:13432"}
8 {[native code]: "end@http://localhost:3000/js/scripts-bundle.js:18:16918"}
9 {[native code]: "end@http://localhost:3000/js/scripts-bundle.js:18:29326"}
10 {[native code]: "send@http://localhost:3000/js/scripts-bundle.js:19:13018"}
11 {[native code]: "send@http://localhost:3000/js/scripts-bundle.js:8:4724"}
12 {[native code]: "http://localhost:3000/js/scripts-bundle.js:21:3849"}
13 {[native code]: "mightThrow@http://localhost:3000/js/scripts-bundle.js:15:6588"}
14 {[native code]: "http://localhost:3000/js/scripts-bundle.js:15:7221"}

知道是什么原因造成的吗？我已经从 4.9 更新了。？到 4.10.2 没有成功。

Answer 1

将 package.json 文件更改为 4.10.0，再次运行 npm install 或 npm update，问题似乎消失了。

看起来这是最新版本 D3 中的一个依赖项问题——即包 d3-request 版本 1.0.6 中发生的事情。如果回滚到使用较早版本d3-request的D3版本4.10.0，即1.0.5，似乎没有这个问题。

我已经在 d3-request 存储库中提出了一个问题，所以希望这可以在下一个补丁中修复。随意在其中发表您自己的评论，以便每个人都可以看到这是一个影响不止一个人的问题:https://github.com/d3/d3-request/issues/29

如果与我描述的不同，请在此处添加您自己的详细信息。