Angular 5构建报错：@types/d3-dsv无DSVRowAny等导出成员

首先咱们得揪出问题根源：这些错误全是**@types/d3系列类型定义包版本不兼容**导致的——Angular 5对应的TypeScript版本（大多是2.x系列）比较旧，而新的d3类型包用了它不支持的导出语法，才引发了这些导入冲突。

下面是一步步的靠谱解决办法：

1. 先排查当前安装的类型包版本 #

先看看你项目里这几个包的具体版本，打开终端运行：

npm list @types/d3 @types/d3-fetch @types/d3-dsv

或者直接查看package.json里的devDependencies部分，确认它们的版本号。

2. 安装适配旧TypeScript的类型包版本 #

Angular 5的TypeScript环境不支持新的d3类型包语法，咱们降级到经过验证的兼容版本：

# 安装适配的d3-dsv类型包
npm install @types/d3-dsv@1.2.3 --save-dev

# 安装对应的d3-fetch类型包
npm install @types/d3-fetch@1.1.5 --save-dev

# 同时安装匹配的d3主类型包
npm install @types/d3@5.16.4 --save-dev

这些版本的类型定义和Angular 5的TypeScript环境完全兼容，不会出现导出语法冲突。

3. 调整TypeScript配置（可选但推荐） #

打开项目根目录的tsconfig.json，在compilerOptions里添加/修改以下配置，解决export =和export *的冲突问题：

{
  "compilerOptions": {
    // 保留你原来的其他配置...
    "allowSyntheticDefaultImports": true,
    "module": "es2015",
    "moduleResolution": "node"
  }
}

4. 清理依赖并重新安装 #

有时候缓存会残留旧的依赖信息，咱们彻底清理后重新安装：

# 删除node_modules和锁文件
rm -rf node_modules package-lock.json

# 重新安装所有依赖
npm install

做完这些步骤，再运行ng build应该就能解决那些TypeScript错误了。

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