D3.js v7版本csv加载API语法异常：旧可用新语法报错

D3从v5到v7，d3.csv的核心API逻辑没有发生破坏性变更，你遇到的问题大概率是代码写法或环境问题：

• API逻辑规则：
  • 仅传入CSV文件路径时，函数返回Promise，支持.then()链式调用（这是v5起的标准用法）；
  • 同时传入路径和回调函数时，采用旧的回调模式执行，此时函数不返回Promise，无法调用.then()。

你用旧回调语法能正常运行是官方的向下兼容设计，属于正常现象。

排查报错的关键点： #

1. 检查代码写法：确保调用d3.csv时只传文件路径，没有额外传入回调参数（哪怕是空参数）。正确的Promise写法示例：

   d3.csv("path/to/csv.csv")
     .then(data => {
       // 处理加载完成的数据
     })
     .catch(error => {
       // 捕获加载错误
     });
   

2. 确认D3版本：在浏览器控制台输入d3.version，验证是否真的加载了v7版本；
3. 检查变量冲突：确认页面中没有其他脚本覆盖d3对象，导致d3.csv被替换为旧版本实现。

内容的提问来源于stack exchange，提问作者zachvac