Angular2-Seed + Typings + D3:导入错误,'找不到模块'd3''

Question

我正在尝试导入D3,以便我可以在Angular2模块中使用它.

一些背景信息:

• 我在TypeScript中编写Angular2.
• 我正在使用Angular2-seed

我做了什么:

1. 我安装了NPM D3包:

   npm install d3 --save
   

2. 我使用Typings安装了D3类型描述,因为这是Angular2-Seed用于已安装的库的内容.

   typings install d3 --save
   

3. 然后,在我的Angular2模块文件中,我添加了import语句

   import * as d3 from 'd3';
   

结果是TSC给出了错误消息"找不到模块'd3'".我错过了什么或做错了什么？

Answer 1

因此，如果在package.json中您已经有如下依赖项：

"dependencies": {
   ...
   "d3": "^3.5.17",
   ...
}

然后你可以进入/tools/config/seed.config.ts并 在SYSTEM_CONFIG_DEV对象中添加'd3': '${this.NPM_BASE}d3/d3.min.js'，例如：

protected SYSTEM_CONFIG_DEV: any = {
    defaultJSExtensions: true,
    packageConfigPaths: [
      `${this.NPM_BASE}*/package.json`,
      `${this.NPM_BASE}**/package.json`,
      `${this.NPM_BASE}@angular/*/package.json`
    ],
    paths: {
      [this.BOOTSTRAP_MODULE]: `${this.APP_BASE}${this.BOOTSTRAP_MODULE}`,
      '@angular/core': `${this.NPM_BASE}@angular/core/bundles/core.umd.js`,
      '@angular/common': `${this.NPM_BASE}@angular/common/bundles/common.umd.js`,
      '@angular/compiler': `${this.NPM_BASE}@angular/compiler/bundles/compiler.umd.js`,
      '@angular/forms': `${this.NPM_BASE}@angular/forms/bundles/forms.umd.js`,
      '@angular/http': `${this.NPM_BASE}@angular/http/bundles/http.umd.js`,
      '@angular/router': `${this.NPM_BASE}@angular/router/index.js`,
      '@angular/platform-browser': `${this.NPM_BASE}@angular/platform-browser/bundles/platform-browser.umd.js`,
      '@angular/platform-browser-dynamic': `${this.NPM_BASE}@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js`,
      'rxjs/*': `${this.NPM_BASE}rxjs/*`,
      'd3': '${this.NPM_BASE}d3/d3.min.js',
      'app/*': `/app/*`,
      '*': `${this.NPM_BASE}*`
    },
    packages: {
      rxjs: { defaultExtension: false }
    }

如果有帮助请告诉我。谢谢！