D3.js D3js-如何在Angular CLI中集成像d3 scale这样的小型库?

D3.js D3js-如何在Angular CLI中集成像d3 scale这样的小型库?,d3.js,angular,angular-cli,D3.js,Angular,Angular Cli,我正在Angular CLI中为我的项目使用d3js。 我已经成功地将d3js集成到项目中。为了执行我想要创建的内容,我需要scale方法。然而,D3js 4.0已经被拆分为迷你库,似乎每个迷你库都必须单独集成到项目中。在这里您可以看到npm安装d3的结果: 我试着像这样导入d3和d3比例: angular-cli-build.js system-config.ts my_组件 但构建失败,即使我的d3量表在供应商文件夹中,他也找不到 这是集成这些小型库的正确方法吗 谢谢 我发现了我的问题。

我正在Angular CLI中为我的项目使用d3js。 我已经成功地将d3js集成到项目中。为了执行我想要创建的内容,我需要scale方法。然而,D3js 4.0已经被拆分为迷你库,似乎每个迷你库都必须单独集成到项目中。在这里您可以看到npm安装d3的结果:

我试着像这样导入d3和d3比例:

angular-cli-build.js

system-config.ts

my_组件

但构建失败,即使我的d3量表在供应商文件夹中,他也找不到

这是集成这些小型库的正确方法吗

谢谢

我发现了我的问题。 “明确键入”不为d3js 4.0提供键入文件,但为3.0版本提供键入文件

这就是为什么我有: -一个方法d3.scale.linear()可用,它返回未定义(D33.0的键入) -D34.0的库d3比例在构建过程中崩溃


因此,我将回到D3JS3.0,直到他们为4.0提供了一个d.ts文件。

您是否设法运行了d3代码?我的意思是你能把你的
import*注释为“d3 scale”中的d3Scale吗并检查d3是否仍然存在错误?
vendorNpmFiles: [
  'systemjs/dist/system-polyfills.js',
  'systemjs/dist/system.src.js',
  'zone.js/dist/**/*.+(js|js.map)',
  'es6-shim/es6-shim.js',
  'reflect-metadata/**/*.+(ts|js|js.map)',
  'rxjs/**/*.+(js|js.map)',
  '@angular/**/*.+(js|js.map)',
  '@angular2-material/**/*',
  'bootstrap/**/*',
  'ng2-bootstrap/**/*.js',
  'moment/moment.js',
  'd3/**/*.js',
  'd3-scale/**/*.js'
]
const map: any = {
 '@angular2-material': 'vendor/@angular2-material',
 'ng2-bootstrap': 'vendor/ng2-bootstrap',
 'moment': 'vendor/moment/moment.js',
 'd3': 'vendor/d3/build/d3.js',
 'd3-scale': 'vendor/d3-scale/build/d3-scale.js'
};
import * as d3 from 'd3';
import * as d3Scale from 'd3-scale';